欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >
改变 HTML 内容
 
修改 HTML 内容的最简单的方法是使用 innerHTML 属性。
 
如需改变 HTML 元素的内容,请使用这个语法:
 
document.getElementById(id).innerHTML=新的 HTML
 
本例改变了 <p>元素的内容:
 
实例
 
<html>
<body>
 
<p id="p1">Hello World!</p>
 
<script>
document.getElementById("p1").innerHTML="新文本!";
</script>
 
</body>
</html>
 
本例改变了 <h1> 元素的内容:
 
实例
<!DOCTYPE html>
<html>
<body>
 
<h1 id="header">Old Header</h1>
 
<script>
var element=document.getElementById("header");
element.innerHTML="新标题";
</script>
 
</body>
</html>
 
 
实例讲解:
 
上面的 HTML 文档含有 id="header" 的 <h1> 元素
 
我们使用 HTML DOM 来获得 id="header" 的元素
 
JavaScript 更改此元素的内容 (innerHTML)
 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64781.shtml

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-08-14 17:37 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。