◇ tagName：必选参数，标签名称。动手写14.4.3执行14.4.3.html，输出结果到网页，如下图所示。图14.4.3使用document.createElement创建元素DOM支持创建任意名称的标签，和普通标签一样可以正常使用。图14.4.4使用浏览器解析HTML字符串创建元素使用浏览器解析HTML可以方便地创建DOM树形结构，实际应用中时常采用拼接HTML字符串来实现局部修改。......
2023-11-08
JavaScript教程：如何替换HTML元素
【摘要】：使用node.replaceChild将旧的子节点oldChildNode替换为新的子节点newChildNode，并返回被替换的子节点，语法如下：参数说明：◇ parentNode：表示父节点。◇ oldChildNode：必选参数，表示要被替换的子节点。oldChildNode必须是parentNode的直接子节点。动手写14.4.12执行14.4.12.html，输出结果到网页，如下图所示。图14.4.12使用node.replaceChild替换节点提示使用newChildNode替换oldChildNode时，如果newChildNode已经存在于DOM树结构中，则newChildNode会先从原始位置移除。
使用node.replaceChild(newChildNode, oldChildNode)将旧的子节点oldChildNode替换为新的子节点newChildNode，并返回被替换的子节点，语法如下：
参数说明：
◇ parentNode：表示父节点。
◇ newChildNode：必选参数，表示要加入的新节点。
◇ oldChildNode：必选参数，表示要被替换的子节点。oldChildNode必须是parentNode的直接子节点。
14.4.12.html使用replaceChild将<b>标签替换为<i>标签，如下所示。
动手写14.4.12
(www.chuimin.cn)
执行14.4.12.html，输出结果到网页，如下图所示。
图14.4.12 使用node.replaceChild替换节点
提示
使用newChildNode替换oldChildNode时，如果newChildNode已经存在于DOM树结构中，则newChildNode会先从原始位置移除。
被替换的子节点oldChildNode必须是节点的子节点，否则会触发错误“Uncaught DOMException: Failed to execute 'replaceChild' on 'Node': The node to be replaced is not a child of this node.”。
有关零基础JavaScript从入门到精通的文章
- 详细阅读
-
JavaScript查找替换详细阅读
图10.4.1使用indexOf()查找子字符串2.lastIndexOf()方法lastIndexOf()函数与indexOf()函数类似，区别是lastIndexOf()从后往前搜索子字符串，有则返回第一个字符的下标，没有则返回-1，语法如下：参数说明：◇ str：表示字符串、字符串变量或字符串对象。图10.4.3使用includes()判断是否包含指定子字符串4.replace()函数查找字符串常常和替换字符串一起出现。动手写10.4.4执行10.4.4.html，输出结果到网页，如下图所示。......
2023-11-08
-
JavaScript入门：插入元素详细阅读
图14.4.6使用node.appendChild在末尾追加子节点2.insertBefore()使用node.insertBefore将子节点插入到指定子节点之前，语法如下：参数说明：◇ parentNode：表示父节点。图14.4.7使用node.insertBefore插入子节点提示使用appendChild()和insertBefore()方法添加子节点，如果newChildNode已经存在于DOM树形结构中，则newChildNode会先从原始位置移除。动手写14.4.8执行14.4.8.html，输出结果到网页，如下图所示。图14.4.8模拟实现insertAfter插入节点如果refChild节点有下一个兄弟节点，则在该兄弟节点前插入新节点，否则在最后追加新节点。......
2023-11-08
-
将JavaScript代码嵌入HTML详细阅读
JavaScript代码包括在HTML中，它成为HTML文档的一部分。一般地，＜body＞＜/body＞体内放入的JavaScript脚本代码是在程序载入时在放入点要立即执行的代码；而放入＜head＞＜/head＞体内的脚本是被调用或者当事件被触发时要执行的代码，这样就可以确保在需要使用脚本之前，它已经被载入了。“E_js_1.htm”程序演示了JavaScript脚本嵌入HTML文件的方法。其中，＜script type=＂text/javascript＂src=＂js/js1.js＂＞＜/script＞语句引入了外部JavaScript脚本程序js/JS1.js。图3-14 JavaScript脚本代码加入HTML中JS1.js：E_js_1.htm：......
2023-11-19
-
JavaScript数组元素查找方法总结详细阅读
查找元素在数组中的位置，有三种方式：◇ 从前往后查找。图9.4.5indexOf查找元素值是否存在于数组中2.lastIndexOflastIndexOf()的查找标准和indexOf()的一样，不过前者是从后往前查找。find()函数从前往后依次使用数组元素调用callback回调，直到callback返回true时停止调用。动手写9.4.7执行9.4.7.html，输出结果到网页，如下图所示。图9.4.7find按条件查找元素数组还提供了一个与find()类似的findIndex()函数。......
2023-11-08
-
HTML静态网页与JavaScript动态网详细阅读
网页程序设计要使用多种技术和计算机语言，包括HTML、脚本程序设计、CSS样式表及美工技术等。只用HTML和CSS编写的程序只能在浏览器窗口展示静态页面，不能响应如鼠标事件、对表单的输入验证、页面变化等。JSP是基于Java体系的Web开发技术，用它进行服务器端的应用程序开发，如连接并读取数据库等。本章实训的内容是使用HTML进行客户端的静态网页程序设计和使用JavaScript进行客户端的动态网页程序设计。......
2023-11-19
-
如何使用渐变效果让背景更炫酷替换-Photo详细阅读
⑥把图层1的混合模式改为“正片叠底”，透明度为40%，之后选中蒙版。经过一番调整后，终于完美地把背景替换为黑色了，但是它还不够炫酷，笔者决定添加一些渐变效果，以突出模型主体。接下来把混凝土素材的混合模式改为“正片叠底”，不透明度为35%。......
2023-06-23
-
零基础JavaScript节点分类教程详细阅读
DOM文档树形结构由不同节点组成，图14.1.1文档对象模型展示的都是节点，各个节点具有特定的分类：◇ 根节点，最顶层的标签称为根节点，是HTML文档的最顶层标签。表14.2.1节点类型列表提示文档全部由节点组成，标签是节点的一种类型，通常情况下，也使用元素表示标签。图14.2.2节点类型所有节点都具有nodeName属性，用来表示节点名称，比如comment.nodeName是“#comment”，document.nodeName是“#document”，text.nodeName是“#text”。......
2023-11-08
相关推荐