JavaScript中document.getElementById和document.write

最新推荐文章于 2024-05-09 19:40:54 发布
最新推荐文章于 2024-05-09 19:40:54 发布
阅读量1.5w 收藏 12
点赞数 3
分类专栏： JavaScript 文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014068781/article/details/54934598
版权

1、操作HTML元素

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

例子：

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

显示效果：



2、写到文档输出

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

例子：

<!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>

显示效果：



点击点击这里出现的效果：







u014068781
关注
  • 3
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
各浏览器对document.getElementById等方法的实现差异解析
09-04
- `document.write`和`document.writeln`在IE6/7/8中可以直接调用，而在其他浏览器中会抛出错误。这是因为这两个方法在非初始文档加载期间在其他浏览器中是不可用的。 - `location.reload`和`history.go`同样在IE6/7...
JavaScript学习笔记.pdf
11-21
可以在 HTML 页面的 <body> 部分中插入 JavaScript 代码，例如：<body><p>JavaScript 写入 HTML 输出流中：</p><script>document.write("这是一个标题</h1>");document.write("这是一个段落。</p>");</script></body...
document.getElementById和document.write
weixin_30301449的博客
11-01 392
document.getElementById: 从 JavaScript 访问某个 HTML 元素，可以使用 document.getElementById(id) 方法。 使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容： eg: <h1>我的第一个 Web 页面</h1><p id="demo">我的第一个段...
javascript-1.document.getElementById
liheao123456的博客
03-25 283
范例5-6                     var names = new Array( "Lily", "Tomson", "Alex", "Jack" );  // 名单         for( i = 0; i         {             var tn = document.createTextNode( names[i] + " " )
网络安全最全前端技术笔记系列：React学习笔记（三），2024网络安全大厂面试真题
最新发布
2401_84253089的博客
05-09 286
本人从事网路安全工作12年，曾在2个大厂工作过，安全服务、售后服务、售前、攻防比赛、安全讲师、销售经理等职位都做过，对这个行业了解比较全面。最近遍览了各种网络安全类的文章，内容参差不齐，其中不伐有大佬倾力教学，也有各种不良机构浑水摸鱼，在收到几条私信，发现大家对一套完整的系统的网络安全从学习路线到学习资料，甚至是工具有着不小的需求。最后，我将这部分内容融会贯通成了一套282G的网络安全资料包，所有类目条理清晰，知识点层层递进，需要的小伙伴可以点击下方小卡片领取哦！
JavaScript中document.getElementById解析
Quest_sec的博客
03-31 6289
话外：函数名一定要有大写字母=.= 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;
关于document.write和document.getElementById()
weixin_30950607的博客
10-30 481
document.write的四种用法 document.write()可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。 1）、输出内容用""括起，直接输出""号内的内容。 <script type="text/javascript"> document.write("你想输入的内容直接写在这里"); //内容用""括起来，""里的内容直接输...
关于区别docuemnt.write（）和document.getELementById().innerHTML=""
smile
09-11 760
1.javascript 在JavaScript中调用事件处理程序，首先需要获得要处理对象的引用，然后将要执行的处理函数赋值给对应的事件。例如下面的代码：     var b_save=document.getElementById("save");  //   b_save.onclick=function(){   alert("单击了保存按钮");   }   简单的
JAVASCRIPT-DOCUMENT方法大全.pdf
09-30
JavaScript中的`document`对象是浏览器提供的全局对象，用于访问和操作HTML文档的各个部分。它包含了大量的属性和方法，使得JavaScript能够与网页内容进行交互。以下是对`document`对象主要属性和方法的详细说明： ...
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`在文档加载时写入...
document.write vs document.getElementById
weixin_30950887的博客
11-11 107
document.write： JavaScript中对document.open所开启的文档流(document stream操作的API方法，它能够直接在文档流中写入字符串，一旦文档流已经关闭，那document.write就会重新利用document.open打开新的文档流并写入，此时原来的文档流会被清空，已渲染好的页面就会被清除，浏览器将重新构建DOM并渲染新的页面。 一....
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的区别
weixin_30670965的博客
11-02 201
document.getElementById和document.write都是输出 但document.write仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖 而document.getElementById("demo").innerHTML= 改变的只是局部属性。 例如代码： <!DOCTYPE html>&...
DOM
mmsx2017的博客
05-08 402
DOM对象简介 一、DOM对象 DOM，全称“Document Object Model（文档对象模型）”，它是由W3C组织定义的一个标准。 在前端开发时，我们往往需要在页面某个地方添加一个元素或者删除元素，这种添加元素、删除元素的操作就是通过DOM来实现的。 DOM就是一个接口，我们可以通过DOM来操作页面中各种元素，例如添加元素、删除元素、替换元素等。 DOM就是文档对象模型，文...
js中document.getElementById()用法
热门推荐
lyhmyway的专栏
03-03 6万+
dom标准里面的  获取当前文档中指定id的元素 if (document.getElementById("regjm").value != document.getElementById("regjm1").value ) {    alert("提示：请输入有效的认证码");    document.getElementById("regjm1").focus();    retur
document.getElementById(id)的用法
code_nutter的博客
07-29 4万+
1.document.getElementById(id)是javascript中访问某个元素的方法。这段代码的操作为获取id为demo的元素，并修改他为我的有单javascript代码。例如通过指定的id获取某个元素，并改变其内容。2.括号中的id是用来标识某个元素的。...
javascript 通过document.getElementByid.().value获取前台HTML数据
leechoy
03-09 2568
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function leechoy(){ alert(document.getElementById("in").value); } </script> </hea...
js中document.write传数据给jsp
09-02
总之，通过在JavaScript中使用`document.write()`方法，并在JSP页面中嵌入JavaScript代码，我们可以将数据传递给JSP页面并在用户访问页面时显示。 ### 回答3： 在JavaScript中，可以使用`document.write()`方法将...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

u014068781

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值