JavaScript中document.getElementById解析

编程知识 行业动态 更新时间:2024-06-13 00:17:49

文章目录

        • 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解析

本文发布于:2023-03-25 20:11:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/27b58cf09ecb633bdc4f87553383d105.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:JavaScript   document   getElementById

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!