可以使用JavaScript來修改index.html結構,例如添加新的HTML元素、修改文本內容、移除元素等。以下是一個簡單的示例:
假設index.html中有一個id為"content"的div元素,我們可以使用JavaScript來向這個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為"content"的div元素中。這樣,當瀏覽器加載index.html時,JavaScript會動態地向頁面中添加新的內容。