JavaScript中document.getElementById和document.write

1、操作HTML元素

JavaScript访问某个HTML元素，可以使用document.getElementById（id）方法。

eg：

<!DOCTYPE html>
<html>
<body>
<p id="demo">Hello</p>
<script>
document.getElementById("demo").innerHTML="Hello world";
</script>
</body>
</html>

2、写到文档输出

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

eg：

<!DOCTYPE html>
<html>
<body>
<script>
document.write("<p>Hello world</p>");
</script>
</body>
</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

JavaScript中document.getElementById和document.write相关推荐

document.getElementById()和document.forms[0].submit()
下午,做一个jsp文件,涉及到document.getElementById()以及document.forms[0].submit()的使用,折腾了好长时间. 1.document.getEleme ...
(COPY)document.all和document.getElementById用法 document.all用法:
(COPY)document.all和document.getElementById用法 document.all用法: <html> <body> < ...
document.getElementById与document.getElementsById的区别
document.getElementById 是用Id选择元素,一个Id只对应一个元素. document.getElementsById 是用元素名称选择元素一个元素名称可能有很多元素,取的是集, ...
javascript中的getElementById、getElementsByName、getElementByTagName详解
getElementById.getElementsByTageName.getElementsByName的区别 1.getElementById根据指定Id得到html元素,所以只能得到唯一的ht ...
javascript 中的window, document, screen都有什么区别？
谷歌之后,从stackoverflow上找到的高赞答案: https://stackoverflow.com/questions/9895202/what-is-the-difference-betw ...
document.getElementById 学习总结
document.getElementById获取控件对象为空的解决方法 1.下面是一个简单的例子,页面加载时显示一段信息代码如下: <%@ page language="java& ...
document.getElementById(billNo)的作用
// 代码段 <script type="text/javascript">/* 自动生成随机账单 */function getCKD(){var d=document ...
document.write vs document.getElementById
document.write: JavaScript中对document.open所开启的文档流(document stream操作的API方法,它能够直接在文档流中写入字符串,一旦文档流已经关闭,那 ...
document.getElementById()方法使用
原文地址为: document.getElementById()方法使用 document.getElementById使用语法:oElement = document .getElementByI ...
各浏览器对document.getElementById等方法的实现差异
所有Web前端同仁对 document.getElementById 都非常熟悉了.开发过程中经常需要用其获取页面id为xx的元素,自从元老级JS库Prototype流行后,都喜欢这么简写它 // 方 ...

JavaScript中document.getElementById和document.write

JavaScript中document.getElementById和document.write相关推荐

最新文章

热门文章