JavaScript中document.getElementById和document.write的区别

最新推荐文章于 2024-07-08 18:01:35 发布
最新推荐文章于 2024-07-08 18:01:35 发布
阅读量201 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/luoyiling/p/9895064.html
版权

document.getElementById和document.write都是输出

但document.write仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖

而document.getElementById("demo").innerHTML= 改变的只是局部属性。

例如代码：

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p>My First Paragraph.</p>

<button οnclick="myFunction()">点击这里</button>

<script>
function myFunction()
{
document.write("糟糕！文档消失了。");
}
</script>

</body>
</html>

 

点击后变成：

 

 

（来源于： http://www.w3school.com.cn/js/js_shuchu.asp）

 

转载于:https://www.cnblogs.com/luoyiling/p/9895064.html

weixin_30670965
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
各浏览器对document.getElementById等方法的实现差异解析
09-04
- `document.write`和`document.writeln`在IE6/7/8中可以直接调用，而在其他浏览器中会抛出错误。这是因为这两个方法在非初始文档加载期间在其他浏览器中是不可用的。 - `location.reload`和`history.go`同样在IE6/7...
document.write与document.getElementById的区别
weixin_30703911的博客
11-04 137
document.write改变的是整个HTML页面（文档），document.getElementById("demo").innerHTML= 改变的是局部属性 转载于:https://www.cnblogs.com/BigWatermelon/p/9906099.html
document.write与document.getelementById(),output的作用对象区别
weixin_30752699的博客
10-30 115
document是获取文档对象也就是当前的html页面。document.write是向页面上打印出内容 document.getElementById()是通过得到html中的id进而来获取到里面的内容 转载于:https://www.cnblogs.com/ylsunnny/p/9879720.html...
JavaScript中document.getElementById和document.write
热门推荐
u014068781的专栏
02-09 1万+
1、操作HTML元素 JavaScript访问某个HTML元素，可以使用document.getElementById（id）方法。 例子： Hello document.getElementById("demo").innerHTML="Hello world"; 显示效果： 2、写到文档输出 JavaScript写到文档输出，可以使用docum
关于document.write和document.getElementById()
weixin_30950607的博客
10-30 481
document.write的四种用法 document.write()可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。 1）、输出内容用""括起，直接输出""号内的内容。 <script type="text/javascript"> document.write("你想输入的内容直接写在这里"); //内容用""括起来，""里的内容直接输...
document.write和document.getElementById("demo").innerHTML=的区别
明天的你会感谢今天的自己
02-05 9725
先说结论：document.write改变的是整个HTML页面（文档），document.getElementById("demo").innerHTML= 改变的是局部属性。 下面我们来验证一下：
JAVASCRIPT-DOCUMENT方法大全.pdf
09-30
JavaScript中的`document`对象是浏览器提供的全局对象，用于访问和操作HTML文档的各个部分。它包含了大量的属性和方法，使得JavaScript能够与网页内容进行交互。以下是对`document`对象主要属性和方法的详细说明： ...
JavaScript学习笔记.pdf
11-21
可以在 HTML 页面的 <body> 部分中插入 JavaScript 代码，例如：<body><p>JavaScript 写入 HTML 输出流中：</p><script>document.write("这是一个标题</h1>");document.write("这是一个段落。</p>");</script></body...
document.all Firefox不支持
03-27
现代浏览器如Firefox、Chrome、Safari以及Edge等都遵循W3C的标准，推荐使用`document.getElementById`、`document.getElementsByTagName`、`document.querySelector`和`document.querySelectorAll`等方法来选取和...
javascript-document对象详解(下).zip
09-18
例如，我们可以使用`document.getElementById`来获取指定ID的元素，`document.createElement`来创建新的HTML元素，`document.appendChild`将新元素添加到现有元素的子节点中，以及`document.write`在文档加载时写入...
Html之getElementById()方法&getElementsByTagName()方法示例
長い冬が越さなければ春が来ない。
11-20 3459
HTML DOM 对象 - 方法和属性一些常用的 HTML DOM 方法：getElementById(id) - 获取带有指定 id 的节点（元素）appendChild(node) - 插入新的子节点（元素）removeChild(node) - 删除子节点（元素）一些常用的 HTML DOM 属性：innerHTML - 节点（元素）的文本值parentNode - 节点（元素）的父节点ch
JavaScript中document.getElementById解析
Quest_sec的博客
03-31 6291
话外：函数名一定要有大写字母=.= JavaScript中document.getElementById和document.write 1.JavaScript访问某个HTML元素，可以使用document.getElementById（id）方法。 如 &amp;lt;body&amp;gt; &amp;lt;p id=&quot;demo&quot;&amp;gt;Hello&amp;lt;/p&amp;
js中getElementById()的用法
第十七签
05-15 7210
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Switch/Case handling</title> <!--<script src="js/switch.js"></script>--> <script> window.onload=in
document.write()和document.getElementById(“demo“).innerHTML=的区别
qq_43145360的博客
08-25 751
document.write()和document.getElementById("demo").innerHTML=的区别
document.write和document.documentElement.innerHTML的一个区别
魔侠的沙滩
05-11 4421
在一次实践中，改写一个框架页面得内容。分别用到了 document.write和
LibreOffice的国内镜像安装地址和node.js国内快速下载网站
最新发布
小丁的博客
07-08 142
国内镜像包网址：https://mirrors.cloud.tencent.com/libreoffice/libreoffice/
Vue前端打包
weixin_63680330的博客
07-04 299
介绍:Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。其特点是占有内存少，并发能力强，在各大型互联网公司都有非常广泛的使用。启动：双击nginx.exe 文件启动，服务器默认占用80端口。官网:https://nginx.org/打包好的dist目录赋值到html下。html静态资源文件目录。conf 配置文件目录。logs日志文件目录。temp临时文件目录。
js中document.write传数据给jsp
09-02
总之，通过在JavaScript中使用`document.write()`方法，并在JSP页面中嵌入JavaScript代码，我们可以将数据传递给JSP页面并在用户访问页面时显示。 ### 回答3： 在JavaScript中，可以使用`document.write()`方法将...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值