博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScrip——DOM操作(查找HTML元素/修改元素)
阅读量:6151 次
发布时间:2019-06-21

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

innerHTML

1、查找元素——document.getElementById("intro")

2、输出查找的结果:

  (1)var a=document.getElementById("intro");

       document.write(a.innerHTML);

 

 (2) <div id="me"><b>试试吧</b></div>

     var b=document.getElementById("me");

     document.write(b.innerHTML);//write输出试试吧

     alert(b.innerHTML)//alert输出的是<b>试试吧</b> 代码+文字

      alert(b.innerText)//只输出文字——试试吧

 

无标题文档

Hello World!

本例演示 getElementById 方法!

试试吧

结果为:

例子:通过p标签的id来获取内容并修改为新的内容

Hello World!

上面的段落被一条 JavaScript 脚本修改了。

结果:

New text!

上面的段落被一条 JavaScript 脚本修改了。

 

再举例:

同样方法,只是写法不同

Old Header

"Old Header" 已被修改为 "New Header"。

New Header

"Old Header" 已被修改为 "New Header"。

再举一个,改变图片的:

原始图片是郁金香(eg_tulip.jpg),但是已被修改为卢浦大桥(shanghai_lupu_bridge.jpg)。

原始图片是郁金香(eg_tulip.jpg),但是已被修改为卢浦大桥(shanghai_lupu_bridge.jpg)。

 

 

 

转载地址:http://trgya.baihongyu.com/

你可能感兴趣的文章
检测oracle数据库坏块的方法
查看>>
SQL server 安装教程
查看>>
Linux下ftp和ssh详解
查看>>
跨站脚本功攻击,xss,一个简单的例子让你知道什么是xss攻击
查看>>
js时间和时间戳之间如何转换(汇总)
查看>>
js插件---图片懒加载echo.js结合 Amaze UI ScrollSpy 使用
查看>>
java中string和int的相互转换
查看>>
P1666 前缀单词
查看>>
HTML.2文本
查看>>
Ubuntu unity安装Indicator-Multiload
查看>>
解决Eclipse中新建jsp文件ISO8859-1 编码问题
查看>>
7.对象创建型模式-总结
查看>>
1、块:ion-item
查看>>
【论文阅读】Classification of breast cancer histology images using transfer learning
查看>>
移动端处理图片懒加载
查看>>
jQuery.on() 函数详解
查看>>
谈缓存和Redis
查看>>
【转】百度地图api,根据多点注标坐标范围计算地图缩放级别zoom自适应地图
查看>>
用户调研(补)
查看>>
ExtJS之开篇:我来了
查看>>