博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript中document.getElementById和document.write
阅读量:5103 次
发布时间:2019-06-13

本文共 697 字,大约阅读时间需要 2 分钟。

 

1、操作HTML元素

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

eg:

    1. <!DOCTYPE html>
    2. <html>
    3. <body> 
    4. <p id="demo">Hello</p>
    5. <script>
    6. document.getElementById("demo").innerHTML="Hello world";
    7. </
      script>
    8. </body>
    9. </html>

       

2、写到文档输出

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

eg:

    1. <!DOCTYPE html>
    2. <html>
    3. <body>
    4. <script>
    5. document.write("<p>Hello world</p>");
    6. </script>
    7. </body>
    8. </html>

       

注意:

请使用 document.write() 仅仅向文档输出写内容。

如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:

<!DOCTYPE html>

<html>
<body>
<p>Hello world</p>
<button οnclick="myFunction()">点击这里</button>
<script>
function myFunction(){
document.write("糟糕!消失了。");
}
</script>
</body>
</html>

 

转载于:https://www.cnblogs.com/xiajiejie/p/9866581.html

你可能感兴趣的文章
WPF中实现多选ComboBox控件
查看>>
TestNG入门
查看>>
【ul开发攻略】HTML5/CSS3菜单代码 阴影+发光+圆角
查看>>
IO—》Properties类&序列化流与反序列化流
查看>>
Codeforces 719B Anatoly and Cockroaches
查看>>
ActiveMQ与spring整合
查看>>
格式化输出数字和时间
查看>>
关于TFS2010使用常见问题
查看>>
URL编码与解码
查看>>
剑指offer系列6:数值的整数次方
查看>>
poj2752 Seek the Name, Seek the Fame
查看>>
Illustrated C#学习笔记(一)
查看>>
理解oracle中连接和会话
查看>>
HDU 5510 Bazinga KMP
查看>>
[13年迁移]Firefox下margin-top问题
查看>>
Zookeeper常用命令 (转)
查看>>
Bootstrap栅格学习
查看>>
程序员的数学
查看>>
聚合与组合
查看>>
洛谷 P2089 烤鸡【DFS递归/10重枚举】
查看>>