技术问答浣跨敤JavaScript鏀瑰彉index.html缁撴瀯 - 扬州沐宇科技

鍙互浣跨敤JavaScript鏉ヤ慨鏀筰ndex.html缁撴瀯锛屼緥濡傛坊鍔犳柊鐨凥TML鍏冪礌銆佷慨鏀规枃鏈唴瀹广€佺Щ闄ゅ厓绱犵瓑銆備互涓嬫槸涓€涓畝鍗曠殑绀轰緥锛?/p>

鍋囪index.html涓湁涓€涓猧d涓?quot;content"鐨刣iv鍏冪礌锛屾垜浠彲浠ヤ娇鐢↗avaScript鏉ュ悜杩欎釜div鍏冪礌涓坊鍔犱竴涓柊鐨勬钀ュ厓绱狅細

<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
    <title>JavaScript Example</title>
</head>
<body>
    <div id="content">
        <p>This is a paragraph element.</p>
    </div>

    <script src="script.js"></script>
</body>
</html>

// script.js
const newParagraph = document.createElement('p');
newParagraph.textContent = 'This is a new paragraph element added using JavaScript.';

const contentDiv = document.getElementById('content');
contentDiv.appendChild(newParagraph);

鍦ㄤ笂闈㈢殑绀轰緥涓紝鎴戜滑浣跨敤document.createElement()鏂规硶鍒涘缓浜嗕竴涓柊鐨勬钀藉厓绱狅紝鐒跺悗浣跨敤textContent灞炴€ц缃簡娈佃惤鍏冪礌鐨勬枃鏈唴瀹广€傛渶鍚庯紝鎴戜滑浣跨敤appendChild()鏂规硶灏嗚繖涓柊鐨勬钀藉厓绱犳坊鍔犲埌id涓?quot;content"鐨刣iv鍏冪礌涓€傝繖鏍凤紝褰撴祻瑙堝櫒鍔犺浇index.html鏃讹紝JavaScript浼氬姩鎬佸湴鍚戦〉闈腑娣诲姞鏂扮殑鍐呭銆?/p>