javascript如何改變文字內容
- 青灯夜游原創
- 2021-05-18 15:59:3713351瀏覽
javascript改變文字內容的方法：先使用「document.getElementById(id值)」語句取得文字元素物件；然後使用「文字元素物件.innerHTML= "新文字內容"」語句進行修改即可。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
改變 HTML 內容
修改 HTML 文件內容最簡單的方法是，使用 innerHTML 屬性。
如需修改HTML 元素的內容，請使用此語法：
document.getElementById(id).innerHTML = new text
範例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 可以更改 HTML</h2>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML = "Hello Kitty！";
</script>
<p>上面的段落由脚本更改。</p>
</body>
</html>
##來找出元素的方法：
1.根據id取得元素document.getElementById("id属性的值");2.根據標籤名稱取得元素document.getElementsByTagName("标签的名字");3.根據name屬性的值取得元素
document.getElementsByName("name属性的值");4.根據class屬性取得元素 document.getElementsByClassName("类样式的名字");5.根據css路徑取得元素（取得一個）document.querySelector("css路径");6.根據css路徑取得元素（取得一組）document.querySelectorAll("css路径");【推薦學習：javascript高階教學】
以上是javascript如何改變文字內容的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn