文档章节

JavaScript中有两种常用的修改HTML节点文本的方法

tbaby
 tbaby
发布于 2014/06/26 16:03
字数 145
阅读 27
收藏 0

在JavaScript中有两种常用的修改HTML节点文本的方法:


使用firstChild和nextSiblig的定位:

function test(e){
key=document.getElementById(e.target.id);
key.firstChild.nodeValue="test";
}


通过ID进行定位:

function  test(e){
document.getElementById("test").innerHTML="test";
}


优劣性对比:

第一种方法虽然可以定位任何一个对象,但是对HTML做的每项更改都有可能会改变元素在DOM体系中的位置,所以第二种比第一种更好。


© 著作权归作者所有

共有 人打赏支持
tbaby

tbaby

粉丝 23
博文 32
码字总数 14718
作品 7
深圳
网页/平面设计
私信 提问
前端入门6-JavaScript客户端api&jQuery

声明 本系列文章内容全部梳理自以下四个来源: 《HTML5权威指南》 《JavaScript权威指南》 MDN web docs Github:smyhvae/web 作为一个前端小白,入门跟着这四个来源学习,感谢作者的分享,在...

请叫我大苏
11/01
0
0
JavaScript零基础入门——(十)JavaScript的DOM基础

JavaScript零基础入门——(十)JavaScript的DOM基础 欢迎大家回到我们的JavaScript零基础入门,上一节课,我们了解了JavaScript中的函数,这一节课,我们来了解一下JavaScript的DOM。 第一节...

JandenMa
06/23
0
0
JavaScript(十八):DOM对象

一、 认识DOM DOM(Document Object Model,文档对象模型):定义访问和处理HTML文档的标准方法。DOM 将 HTML 文档呈现为带有 元素、属性和文本的树结构(节点树)。 先来看看下面代码: 将 ...

Agnes2017
10/11
0
0
CEF中访问修改HTML DOM元素

版权声明:本文为foruok原创文章,转载请通过订阅号“程序视界”联系foruok获取授权。 https://blog.csdn.net/foruok/article/details/50799518 有时你可能想在C++代码中直接操作HTML中的某个...

foruok
2016/03/04
0
0
掌握 Ajax,第 5 部分: 操纵 DOM

Brett McLaughlin, 作者,编辑, O'Reilly Media Inc. 本文内容包括: · 跨浏览器、跨语言 ·节点的概念 ·节点的属性 ·节点方法 ·API 设计问题 ·通用节点类型 ·文档节点 ·元素节点 ·属...

晨曦之光
2012/03/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

MariaDB 服务器在 MySQL Workbench 备份数据的时候出错如何解决

服务器是运行在 MariaDB 10.2 上面的,在使用 MySQL Workbench 出现错误: mysqldump: Couldn't execute 'SELECT COLUMN_NAME, JSON_EXTRACT(HISTOGRAM, '$."number-of-buckets-specified"'......

honeymose
今天
2
0
apache顶级项目(二) - B~C

apache顶级项目(二) - B~C https://www.apache.org/ Bahir Apache Bahir provides extensions to multiple distributed analytic platforms, extending their reach with a diversity of s......

晨猫
今天
6
0
day152-2018-11-19-英语流利阅读

“超级食物”竟然是营销噱头? Daniel 2018-11-19 1.今日导读 近几年来,超级食物 superfoods 开始逐渐走红。不难发现,越来越多的轻食餐厅也在不断推出以超级食物为主打食材的健康料理,像是...

飞鱼说编程
今天
12
0
SpringBoot源码:启动过程分析(二)

接着上篇继续分析 SpringBoot 的启动过程。 SpringBoot的版本为:2.1.0 release,最新版本。 一.时序图 一样的,我们先把时序图贴上来,方便理解: 二.源码分析 回顾一下,前面我们分析到了下...

Jacktanger
昨天
4
0
Apache防盗链配置,Directory访问控制,FilesMatch进行访问控制

防盗链配置 通过限制referer来实现防盗链的功能 配置前,使用curl -e 指定referer [root@test-a test-webroot]# curl -e "http://www.test.com/1.html" -x127.0.0.1:80 "www.test.com/1.jpg......

野雪球
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部