JavaScript DOM用document.createElement()生成元素，用seAttribute()函数设置属性值

最新推荐文章于 2024-08-05 11:53:50 发布

ios0213

最新推荐文章于 2024-08-05 11:53:50 发布

阅读量1.2w

点赞数 3

分类专栏： HTML DOM

本文链接：https://blog.csdn.net/ios0213/article/details/51473271

版权

HTML DOM 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

利用JavaScript DOM生成元素

如下步骤：

var para=document.createElement("div");
para.setAttribute("id","slideshow");

var img=document.createElement("img");
img.setAttribute("id","img");
img.setAttribute("src","ja.jpg");

para.appendChild(img);

用createElement()函数创建元素

用setAttribute()函数设置属性值

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ios0213

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【JavaScript - Web API】DOM（获取元素 / 事件基础 / 操作元素 / 节点操作）

qq_30148319的博客

05-18

487

一、DOM 简介 1、什么是 DOM ？文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML 或者XML）的标准编程接口。 W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。 2、DOM 树文档：一个页面就是一个文档，DOM 中使用 document 表示。元素：页面中的所有标签都是元素，DOM 中使用 element 表示。 ...

setAttribute()方法

最新发布

My_wife_QBL的博客

08-05

2352

是 React 提供的一个函数，用于创建一个 React 元素。type：要创建的元素的类型，可以是字符串（如'div''span'）或 React 组件（如props：一个对象，包含要传递给组件的属性（props）。children：可选，子元素，可以是一个或多个 React 元素，字符串或数字。是一个用于克隆和修改现有 React 元素的方法。element：要克隆的 React 元素。props：一个对象，用于合并到克隆的元素的现有 props 中。children。

纯css主题切换，简单易懂 document.documentElement.setAttribute(‘data-theme‘, ‘light‘)；

Li_Ning21的博客

07-01

2193

纯css主题切换，贼简单

创建行为：使用document.createElement制作新标签

cungui5726的博客

08-23

632

While developers should keep to the ideals of progressive development as much as possible when using JavaScript, there are absolutely times that we must create elements ex nihilo. Often these are elem...

createElement、createTextNode、setAttribute使用方法

a512394464的博客

01-12

388

createElement() 方法可创建元素节点。示例：var placeholder = document.createElement("img"); createTextNode() 可创建文本节点。示例：var txt1 = document.createTextNode("Choose an image."); setAttribute() 方法添加指定...

js用createElement新创建的元素能调用id

weixin_30549657的博客

06-15

410

function fff(m){......}var n=document.creatElementById("input") n.type="button"; n.id="ss"; n.onclick=fff(this.id); xxxxx...... var n=document.creatElement("input") n.type="button"; ...

节点创建删除、元素属性设置获取、节点属性

weixin_43641912的博客

04-24

510

c.insertBefore(a,b)插入,在父级c节点下的子节点b之前插入a,Node.prototype。appendChild()增加子节点，动态的增加节点和动态的剪切节点在Node.prototype上。在原型上写一个，寻找兄弟元素节点的方法，为正找之后，为负数，之前的第N个，为0 找自己。父节点.removeChild(子节点)只是从dom树上删除，这个值还保存在内存中。在原型上写一个遍历父元素的子元素节点的方法。在原型上写一个找出一个元素的第N层父元素。写一个子元素逆序的方法。

document.createElement()用法及注意事项(ff下不兼容)

12-03

`element`对象的方法如`getAttribute(id)`用于获取元素的指定属性值，`setAttribute(id, value)`用于设置元素的属性值。在编写跨浏览器的JavaScript代码时，理解这些方法的行为差异至关重要，以确保代码的稳定性和...

Javascript Dom元素获取和添加详解

10-16

- `getElementById()`：这个方法通过指定的id值获取唯一匹配的DOM元素。例如，`document.getElementById('myID')`将返回id为'myID'的元素。 - `getElementsByClassName()`：此方法返回一个HTMLCollection，包含...

javascript中createElement的两种创建方式.docx

01-13

第二种方式是在创建元素时直接设置属性值，即将属性和值放在`createElement`方法内一步完成。这种方式适用于属性较少的情况，可以简化代码量。 **示例代码：** ```javascript function CreateButton2() { var btn...

vue document.createElement

11-18

`document.createElement()`是JavaScript中的一个DOM方法，用于创建一个指定的HTML元素。在Vue中，我们通常使用`createElement`函数来创建虚拟DOM节点，然后将其渲染为真实的DOM节点。`createElement`函数接受三个...

JS 在div中添加元素：使用document.createElement（）

weixin_50784508的博客

06-09

2066

【代码】JS 在div中添加元素：使用document.createElement（）

JavaScript 13 更新、删除、创建和插入 DOM节点

小哞^同^学的技术博客

07-27

242

4.4 更新 DOM 节点节点.innerText = "修改的文本的值" <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id = "id1"> </div> <script> let i

JavaScript高级程序设计第十四章---DOM 文档对象模型

weixin_40794404的博客

09-03

1196

第十四章本章内容理解文档对象模型（DOM）的构成节点类型浏览器兼容性 MutationObserver 接口文档对象模型（DOM，Document Object Model）是HTML 和XML 文档的编程接口。DOM 表示由多层节点构成的文档，通过它开发者可以添加、删除和修改页面的各个部分。脱胎于网景和微软早期的动态HTML（DHTML，Dynamic HTML），DOM 现在是真正跨平台、语言无关的表示和操作网页的方式。 14.1 节点层级任何HTML 或XML 文档都可以用DOM表示

修改元素属性值的两种方法：element.属性=值和element.setAttribute(“属性“,“值“)

weixin_46682277的博客

04-11

4798

修改元素属性值的两种方法：element.属性=值和element.setAttribute(“属性”,“值”) 第一种：element.属性=值，比如： <div id = "info" class="nav1"></div> <script> // 获取到修改的元素属性，重新赋值 let info = document.getElementById("inf...

Document的属性与方法

qq_63223641的博客

03-24

1719

Document的属性与方法

javascript中DOM总结（二）

weixin_47450807的博客

03-08

278

javascript中DOM总结（二）使用Nodelist NodeList，和HTMLColletion,以及NamedNodeMap是实时的。所以下面的循环是无限循环 let div = document.getElementsByTagName("div"); for(let i =0;i<div.length;i++){ let ele = document.createElement("div"); ele.appendChild(document.crea