javascript中的innerHTML

128 views
innerHTML在JS是双向功能:获取对象的内容或向对象插入内容;
如:<div id="aa">这是内容</div> ,我们可以通过  document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容;
也可以对某对象插入内容,如  document.getElementById('abc').innerHTML='这是被插入的内容';   这样就能向id为abc的对象插入内容。

比如下面实例。

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById(“demo”).innerHTML=”My First JavaScript Function”;
alert(document.getElementById(“shuchu”).innerHTML)
}
</script>
</head>
<body>

document.getElementById(‘aa’).innerHTML

<h1>My Web Page</h1>

<p id=”demo”>A Paragraph.</p>
<p id=”shuchu”>taoshaw</p>

<button type=”button” onclick=”myFunction()”>点击这里</button>

</body>
</html>

 

 

 

如果您觉得这篇文章对您有帮助,欢迎继续关注本站!!!我要赞助本站>>>

One comment

Leave a Reply

电子邮件地址不会被公开。 必填项已用*标注