文章目录

        • 1.JavaScript中document.getElementById和document.write
        • 2.关于document.getElementById(id).innerHTML

话外:函数名一定要有大写字母=.=

1.JavaScript中document.getElementById和document.write

1、、JavaScript访问某个HTML元素,可以使用document.getElementById(id)方法。

<body>  
<p id="demo">Hello</p>  
<script>  
document.getElementById("demo").innerHTML="Hello world";  //显示效果:输出Hello world
</script>  
</body>  

2、、写到文档输出

JavaScript写到文档输出,可以使用document.write(‘HTML内容’)方法。
如:

<body>  
<script>  
document.write("<p>Hello world</p>");  //显示效果:输出Hello world
</script>  
</body>  

2.关于document.getElementById(id).innerHTML

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

更多推荐

JavaScript中document.getElementById解析