js list添加元素_第6部分-1：JS-Web-API DOM元素

最新推荐文章于 2022-07-07 16:01:16 发布
最新推荐文章于 2022-07-07 16:01:16 发布
阅读量403 收藏
点赞数
文章标签： js list添加元素 js 数组追加 js后退页面不重新加载 js如何通过a链接跳转到另一个页面获取复选框选中的内容 js拖拽元素到另一个元素 js获取radio选中的值

一、DOM

1、DOM，即文档对象模型（Document Object Model ）

2、通过在页面——打开：检查元素——看见：元素为可折叠。可选中页面对应元素，事实上即选择了对象（即也选择了对象对应的属性或方法），相当于把页面文档对象化。事实上，就是用js手段调用操作该文档（即一个对象）。

1b3b85d794c64f487015bc0477e115d2.png

二、Document对象，属性（或方法）

在DOM中最常用的对象就是：document对象（页面——检查，即查看属性）、element对象

1、常用属性

 document.doctype
 document.title
 document.characterSet
 document.head
 document.body
 document.images

6786373ab92b355806f1d3703fb57371.png

2、document.readyState

 document.readyState

readyState属性 返回当前文档的状态，共有三种可能的值

  • loading：加载HTML代码阶段，尚未完成解析
  • interactive：加载外部资源阶段
  • complete：全部加载完成

图：可在代码中加上几张图片元素，再设置网络条件为慢3G，则出现：

a690ba5036b2ab21646a0f4d2cb44d2c.png

3、 document.compatMode

document.compatMode

compatMode 属性 返回浏览器处理文档的模式，可能的值为

  • BackCompat：向后兼容模式，也就是没有添加DOCTYPE
  • CSS1Compat：严格模式，添加了DOCTYPE

4、document.location

用于获取一个url

document.location

可直接使用location，如：

document.location === location //true
document.location === window.location  //true

总结：document.location === location === window.location

location属性返回一个只读对象，提供了当前文档的URL信息，如：

// 假定当前网址为http://user:passwd@www.example.com:4097/path/a.html?x=111#part1

document.location.href // "http://user:passwd@www.example.com:4097/path/a.html?x=111#part1"
document.location.protocol // "http:"
document.location.host // "www.example.com:4097"
document.location.hostname // "www.example.com"
document.location.port // "4097"
document.location.pathname // "/path/a.html"
document.location.search // "?x=111"
document.location.hash // "#part1"
document.location.user // "user"
document.location.password // "passed"

其他location属性调用方法：

// 跳转到另一个网址
document.location.assign('http://www.google.com')

// 优先从服务器重新加载
document.location.reload(true)

// 优先从本地缓存重新加载（默认值）
document.location.reload(false)

// 跳转到另一个网址，但当前文档不保留在history对象中，
// 即无法用后退按钮，回到当前文档
document.location.assign('http://www.google.com')

// 将location对象转为字符串，等价于document.location.href
document.location.toString()

5、document.write()

用document.write()方法时，即向当前文档写入内容，只要当前文档还没有用close方法关闭，它所写入的内容就会追加在已有内容的后面。

296f9f70d47e4d91899524911ef08086.png
  • 如果页面已经渲染完成再调用write方法，它会先调用open方法，擦除当前文档所有内容，然后再写入。
  • 如果在页面渲染过程中调用write方法，并不会调用open方法。
  • 需要注意的是，虽然调用close方法之后，无法再用write方法写入内容，但这时当前页面的其他DOM节点还是会继续加载。
  • 做测试时，无须使用document.write()方法

三、Element对象，属性（或方法）

document对应的具体元素应如何选取（或操作）？

element对象表示页面上的元素。使用JS选择页面上的元素（element），然后对其做操作。

那么，对页面元素的操作有哪些？

A、选择它：通过一些方法找到其具体元素（如用css的id，class名，选择器、邻居、赋值等）

B、处理它：对拥有类型为元素节点、文本节点、注释节点的子节点进行删除、增加、查找、修改等操作

1、几个常用属性

nodeName：元素标签名，还有个类似的tagName
nodeType：元素类型
className：类名
id：元素id
children：子元素列表（HTMLCollection）
childNodes：子元素列表（NodeList）
firstChild：第一个子元素
lastChild：最后一个子元素
nextSibling：下一个兄弟元素
previousSibling：上一个兄弟元素
parentNode、parentElement：父元素

2、查询元素（如何选中一个元素？）

（1）getElementById()

结合页面元素使用+

document.getElementByid()

如图：利用此方法选中该id的页面位置

2c017cad8bc0ae5aed18d76ddaee0d9d.png

（2）getElementsByClassName() 注：有s

document.getElementByClassName()

页面元素中不止独一无二的id名，还有类选择器，当我们在页面控制台上通过getElementByClassName()时，可获取（或查询）到一个或多个类选择器，会出现如图现象：

7c2bc7c8640f10d0bd5f7ad5bd920659.png

这看上去有点像数组，呈现形式相似、也可以用下标去进行访问。但通过list.去查看，并没有有关排序push、pop等的调用数组的方法，而是一种类数组的形式。

通过：

list.constructor
--> ƒ HTMLCollection() { [native code] }

我们可以获知，document.getElementsByClassName() 所调用的是html里类的集合，其类型为 HTMLCollection()，是一种页面元素的集合。

（3）getElementsByName()

document.getElementsByName()

通过此方法可以获取页面元素中带有name属性的html元素。比如form、img、frame、embed和object，返回一个NodeList格式的对象，不会实时反映元素的变化。如：

84a57f8d241cf86bd483c1fe90b52573.png

（4）假设,类选择器有嵌套的话，我们如何获取嵌套于内的元素？如图：

A、（较为繁琐的）ES3写法：getElementsByName().getElementsByName()

语法：

document.getElementsByName().getElementsByName()

例子：

document.getElementsByClassName('box')[0].getElementsByClassName('child')
--> HTMLCollection [div.child]

53307ecbc0b0a3227cf6383196422517.png

事实上，使用document.getElementsByName( )做一个联集，即无论是document还是任何一个对象，都可以使用：对象.XXXX 去做一个联集对象去获取相对应的准确元素。

B、（较为简便的）ES5写法：querySelector()

注：可用于选择id元素使用

语法：

document.querySelector()

例子：

document.querySelector('.box .child')
--> <div class=​"child">​child​</div>​

14b27e2c2ad862e7100b3903c2f3935d.png

不过，它选择元素的时候，只能获取一个元素，如页面元素中有多个div，只会默认选择html元素中排在第一个的div元素。

如果需要在选择元素时，多种页面元素希望可以同时选中，则可以使用

这样的写法：querySelectorAll()

注：可用于选择class元素时使用

例子：

//比如：
document.querySelectorAll('div')
--> NodeList(3) [div.box, div.child, div.box]
document.querySelectorAll('.box')
--> NodeList(2) [div.box, div.box]
document.querySelectorAll('#target')
--> NodeList [p#target]

b865ccf80caefb3611007e72e96310b0.png

在控制台测试时，我们可以直接使用 $() 和 $$() 直接代替document.querySelector()和document.querySelectorAll()

$('#target')
--> <p id=​"target">​wangxiaoqin​</p>​
$$('#target')
--> [p#target]

4df36a98a81fa26a1cc3ec5a81421d72.png

可以自己写个方法，让 $( ) 和 $$( ) 可以在代码编辑器中直接使用，如下：

//写个方法：
function $(selector){
   return document.querySelector(selector)
}
--> undefined
//即下面就可以在编辑器大胆使用$() 和 $$()，举几个例子：
$('#target')
--> <p id=​"target">​wangxiaoqin​</p>​
$('.box')
--> <div class=​"box">​…​</div>​
$('.box .child')
--> <div class=​"child">​child​</div>​

（5）getElementsByTagName()

document.getElementsByTagName()

此方法返回所有指定标签的元素（搜索范围包括本身），返回值是一个HTMLCollection对象，也就是说，搜索结果是一个动态集合，任何元素的变化都会实时反映在返回的集合中。如图：

d0de8446b2bbcd55b2046d6b392ba071.png

3、创建元素

（1）createElement() 创建一个新的元素放到页面上

用此方法创建并传入html的元素标签，创建一个虚拟的dom。该dom的节点存在内存里，并没有放在页面上，用户看不见。

如：

document.createElement('div')
--> <div>​</div>​
//可赋值一个变量，之后可通过该变量轻松获取
var div = document.createElement('div')
--> undefined
div
--> <div>​</div>​
var div = document.createElement('img')
--> undefined
div
-->  <img>​

（2）createTextNode()

光出现元素标签还不够，我们可通过createTextNode()去创建（或生成）一个文本，将文本的内容放入元素中，如：

var text = document.createTextNode('wangxiaoqin')
--> undefined
text
--> "wangxiaoqin"

（3）createDocumentFragment()

该方法用来生成一个存在于内存的dom片段，但不属于当前文档。即不会生成一个标签，虚拟生成，常用于生成复杂的dom结构，然后插入当前文档。

正因为它不属于当前文档，所以并不参与页面的渲染加载的过程，它的任何改动都不会引发网页的重新渲染。比直接修改当前文档的DOM有更好的性能表现。

4、修改元素

（1）appendChild()

在元素末尾添加元素。把一个dom对象放入在另外一个对象的内部作为它的孩子

如：

var newDiv = document.createElement("div")
var newContent = document.createTextNode("Hello")
newDiv.appendChild(newContent)//括号内为新添加的“孩子”
--> "hello"

看一个实例：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <ul class="navbar"></ul>
</body>
</html>

<script>
//选择该容器ul，获取指定元素
var navbarNode = document.querySelector('.navbar')

for(var i=0;i<5;i++){//以下循环5此
  //创建一个子元素li
  var child = document.createElement('li')
  //创建一个文本，参数为字符串
  var text = document.createTextNode('hello'+i)
  //修改元素
  child.appendChild(text)
  //然后再把li放在我们的navbarNode里
  navbarNode.append(child)
}
</script>

如图：

984f8d2f52b6651cf47ac9f7341633bc.png

另一种方法：使用appendChild()

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <ul class="navbar"></ul>
</body>
</html>

<script>
//选择该容器ul，获取指定元素
var navbarNode = document.querySelector('.navbar')

//创建一个虚拟的片段，可看成是一个虚拟标签，到最后放在navbarNode，该虚拟标签消失
var fragment =document.createDocumentFragment()
for(var i=0;i<5;i++){//以下循环5此
  //创建一个子元素li
  var child = document.createElement('li')
  //创建一个文本，参数为字符串
  var text = document.createTextNode('helloo'+i)
  //修改元素
  child.appendChild(text)
  //然后再把li放在我们的frgment这个虚拟片段里
  fragment.appendChild(child)
}
//再将这个片段放在navbarNode里
navbarNode.appendChild(fragment)
</script>

如图：

750dfe01de8bbd14474d02f94f241370.png

在控制台我们可以看到：

6a98b9ad7aa70677d5f290ad4e6b2e70.png

再回看JS代码，则可以知道，

var fragment =document.createDocumentFragment()

这里创建的这个虚拟片段，我们可看成是一个虚拟标签，到最后放在navbarNode，该虚拟标签消失。并不影响实际页面元素的改动。

假设：我们在createDocumentFragment() 里加上一个实际的块元素包裹li，那么则不符合页面的规则，如：

aa70809009eeec929ce6a1cf4c1190b7.png

控制台则如：这显然不符合规则

44c25426725c0ee421b7fdfc6b69290d.png

（2）insertBefore()

在某个元素之前插入元素

var newDiv = document.createElement("div")
var newContent = document.createTextNode("Hello")
newDiv.insertBefore(newContent, newDiv.firstChild)

（3）replaceChild()

replaceChild()接受两个参数：要插入的元素和要替换的元素

newDiv.replaceChild(newElement, oldElement)

5、删除元素

removeChild() 用于删除元素

parentNode.removeChild(childNode)

6、clone元素

克隆一个完成的dom节点。

方法有一个布尔值参数，传入true的时候会深复制，也就是会复制元素及其子元素（IE还会复制其事件），false的时候只复制元素本身

node.cloneNode(true)

四、属性的操作（即修改dom元素的属性的操作方法）

1、getAttribute()

（现有页面中有一个图片地址，所对应的是一个src的地址，如果更换图片，则需要修改src对应的值。（或获取一个img的src，或a链接的href））

用于获取元素的属性值，如：

node.getAttribute('id')

2、createAttribute() 【一般用不到，一般不创建】

用于创建（或获取）属性名，如

attribute = document.createAttribute(name)//参数name，是属性的名称

3、setAttribute()

用于设置属性和值

var node = document.getElementById("div1");
node.setAttribute("my_attrib", "newVal");  //括号中为“属性名+值”

4、removeAttribute()

用于删除对应属性

node.removeAttribute('id')

页面范例展示涉及到的点：

（1）查找、修改、获取、删除a链接的属性（这里为id）

var link = document.querySelector('a')
link
   <a href="#">wanxgiaoqin</a>

//可以创建 a链接的id属性值
link.setAttribute('id','login')

//以此类推，可以修改它的id
link.setAttribute('id','logout')
//可以获取（或添加）它的id
link.getAttribute('id')
//可以删除它的id
link.removeAttribute('id')

图：

452e43e03091e2bfb894b4be0b0cc4fc.png

（2）创建一个样式放在页面上，如何操作？

如：使用js让我们的页面上引入一个新的js，如jquery。可先在Bootstrap 中文网开源项目免费 CDN 加速服务上找一个jquery的地址

分析：用js引用一个jQuery，那么需要有一个scirpt的标签，用src来指向jQuery地址

//创建一个script标签
var script = document.createElement('script')
--> undefined
script 
<script></script > 

//设置元素的属性和值
script .setAttribute('src','https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js')
--> undefined
//验证一下
script
--> <script  src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script > 

//通过.body.appendChild(script)将整个标签属性值放置到页面
document.body.appendChild(script)
--> <script  src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script > 
//使用jquery
$
--> ƒ (e,t){return new w.fn.init(e,t)}
jQuery
--> ƒ (e,t){return new w.fn.init(e,t)}

5、innerHTML VS innerText

（1）innerHTML

假设获取了一个dom元素，想知道页面中的html元素是什么，或者放入很多东西（不通过创建dom节点的方式appendChild进去）

页面的一些菜单栏设置，通过后台要数据，后台交还一个数组或json数据（包括菜单的所有信息），如何将菜单渲染到页面上？通过字符串操作遍历对象（或数组）去拼装html字符串，拼接后一次性将html放置在空的节点下，则页面看到了东西

几个操作：Ajax获取数据——数据到来之后拼接html字符串（遍历、相加）——通过innerHtml方法将包含菜单信息的html字符串放在页面上

//数组的值渲染做成一个菜单
var navbarDate =[1,2,3]
//写一个空字符串，去拼接字符串的html
var html =' '
//遍历这个数组
navbarDate.forEach(function(item){
     html +='<li>'+item+'</li>'   //将数组三个数拼在一起
})
--> undefined
html
--> "<li>1</li><li>2</li><li>3</li>"  //无需换行，只需要拼接处html字符串即可

//可将生成的html字符串放在.navbar
document.querySelector('.navbar').innnerHTML = html
--> "<li>1</li><li>2</li><li>3</li>" 
document.querySelector('.navbar')
--> <div class="navbar">...</div>

图：

8dc70805f8172478a395d0ce71dad36a.png

（2）innerText

看看所设置的元素标签下文本是什么（或设置它的文本）

注：没有必要再创建什么元素标签，只需要设置一个空标签，然后设置它的innerText

续上面的例子：

document.querySelector('.navbar').innerText //作html去执行
-->"1
    2
    3
    "

假如代码是这样：

document.querySelector('.navbar').innerText = html   //呈现给用户

则将展示文本设置在页面上，如图：

11dd68ef4118ec80be4decf9355cc4a5.png

五、常见的使用方式

1、修改样式

可修改元素的style属性，修改结果直接反映到页面元素（不过，由于CSS权重的关系，虽然控制台修改dom节点上的style属性与页面上的一一对应，但如果权重比不够，修改的结果也不一定生效）

如：

//dom元素的style属性上的 XXX与页面上一一对应
document.querySelector('p').style.color = 'red'  //选中对应元素，和修改对象+属性
document.querySelector('.box').style.backgroundColor = '#ccc'

2、获取样式 getComputedStyle

不是获取元素的style属性，而是元素计算后的样式（包括其他地方做的设置、浏览器默认样式、继承样式等综合后的结果）。即

var node = document.querySelector('p')
var color = window.getComputedStyle(node).color  //可直接使用，它是处在win的一个全局变量属性
console.log(color)

如在控制台想要获取页面dom元素的字体大小,如：

getComputedStyle(document.querySelector('#hello'))  //获取的是相对应的对象，通过对象获取对应的style对应的属性
getComputedStyle(document.querySelector('#hello'))['font-size']//即获取字体大小

//等同于
getComputedStyle(document.querySelector('#hello')).fontSize

3、class操作

当使用样式操作时，涉及到一些样式的切换，可以直接去修改它的style，但这样比较细，且复杂。假设当我们在页面点击一个按钮时，整体发生一个很大的变化（包括字体大小、出现的边框、背景色、背景图片，甚至动画效果），如果都是用style来操作，或导致代码冗长难修改，

我们可以将这些样式放在一个css的class里面，如active。正常情况下是没有这些class，当我们点击某个元素的时候，即鼠标放上去时，给这个元素添加一个class

var nodeBox = document.querySelector('.box')
console.log( nodeBox.classList ) //通过选择元素nodeBox去看看classList里拥有哪些class，
     //即得到一个类数组对象.通过下标的方式获取class
nodeBox.classList.add('active')      //新增 class
nodeBox.classList.remove('active')   //删除 class
nodeBox.classList.toggle('active')   //新增/删除切换
node.classList.contains('active')    // 判断是否拥有 class

如图：http://js.jirengu.com/ponaz/1/edit?html,css,js,output

ce7223d8b94e305437b59078aeea46b8.png

e42c1c2c72cef34cc7f0c58ef2fabbbb.gif

class操作，不用担心class的数量有多少，无需担心同名、正则，只需要采用这种原生JS的API就能操作页面dom元素

4、页面宽高的计算

（1）element.clientHeight VS element.clientWidth

获取元素窗口的高度、宽度

2efc80e5cd095767cee466dd7a1d85e5.png

（2）element.offsetHeight VS element.offsetWidth

获取（包含边框+内边距+窗口整体）的高度、宽度

b790d6e1c7760d1abcc080e4342ebc1c.png

获取两种的宽高，得到的结果看具体情况，有些时候是相同，有些时候是不同，如图：

fc5e215f3d234de9f777cf88142ae076.png

（3）element.scrollHeight

元素滚动内容的总长度，也分实际情况

假设页面上有一处包含内容的div块级，页面若为可滚动的，表示内容长度超出它容器的高度，而容器高度已为固定宽高，此时scrollHeight＞clientHeight

若页面若无滚动条、父容器高度没有固定，则scrollHeight=clientHeight=offsetHeight

（4）element.scrollTop

获取元素滚动的高度，即滚动时滚动了一定的值

document.body.scrollTop

（5）window.innerHeight

窗口的高度

window.innerHeigh

实例操作：http://js.jirengu.com/fuser/1/edit?html,css

889ff47168aa8da7f13081925edf5d3b.png

以下问题跟之后的解决懒加载有密切联系

问题1：如何去判断一个元素是否出现在窗口的视野中

问题2：如何判断页面滚动到底部

元素到顶点的值=滚动的值

元素滚动的距离+窗口的高度=这个元素到顶点的距离

weixin_39961943
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js 向list添加元素_深入Python(16)-向 List 插入 1 个元素
weixin_42512494的博客
01-22 1238
List 最常用的几种操作有：插入元素，比如 insert、append、extend；弹出元素，比如 pop、delete；切片 slice；今天主要看一下 List 如何增加元素。最简单的增加 1 个元素，代码如下：// Objects/listobject.c:285 static int ins1(PyListObject *self, Py_ssize_t where, PyObject...
js list添加元素_JS基础与常用函数
weixin_39593277的博客
12-03 1万+
JavaScript是没有Print()方法的。所以要做内容输出，需要用到console.log(xxx) 控制台输出。Chrome浏览器中就可以编写代码，或者在编译器中，写纯JavaScript代码，输出时用console.log即可打印内容。在 js 的世界中 print() == console.log()基础认知字符串方法var 对数字的操作//MAth 可结合运算符多种搭配 数据类型与转...
js list添加元素_Immutable.js学习笔记
weixin_39695954的博客
11-29 676
JavaScript数据修改的问题看一段大家熟悉的代码const 由于js的对象和数组都是引用类型。所以newState的state实际上是指向于同一块内存地址的, 所以结果是newState和state是相等的。尝试修改一下数据const 可以看到，newState的修改也会引起state的修改。要解决这个问题，js中提供了另一种修改数据的方式，要修改一个数据之前先制作一份数据的拷贝，像这样co...
js如何往数组Array（list）中添加元素
热门推荐
鑫中有你的博客
09-23 12万+
unshift：将参数添加到原数组开头，并返回数组的长度 pop：删除原数组最后一项，并返回删除元素的值；如果数组为空则返回undefined push：将参数添加到原数组末尾，并返回数组的长度 concat：返回一个新数组，是将参数添加到原数组中构成的 splice(start,deleteCount,val1,val2,…)：从start位置开始删除deleteCount项，并从
【有趣JS连载】JS简介及基础 （第1、2章）
weixin_45178716的博客
10-23 136
第1章：JS 简介什么是JavaScriptJS 是一种用于 web 的脚本语言。JS 诞生于1995年，由 **Brendan Eich **一手创建，用于向web...
vanilla-todo-list:第11天作业
06-04
"Vanilla Todo List"是一个基于JavaScript的简单待办事项应用，专为第11天的编程作业设计。在这个项目中，我们将深入学习JavaScript的核心概念，包括DOM操作、事件处理、对象和数组操作，以及基本的函数编程技巧。...
goit-js-hw-08-gallery:第八课
03-16
3. **CSS操作**：JavaScript可以用于动态改变页面的样式，例如通过修改元素的`style`属性或使用`classList`管理类名。在创建画廊时，可能需要更改图片的显示状态，或者调整容器的布局。 4. **数组和循环**：在处理...
react-func_countryApp:用StackBlitz创建:high_voltage:
03-08
2. **事件处理(event handling)**：React通过在JSX元素上添加特殊的属性来处理DOM事件，如`onClick`。在`countryApp`中，可能会有一个搜索框的`onChange`事件用于更新查询字符串，或者国家列表项的`onClick`事件用于...
js-snippets:用原生 js 替换 jquery 函数
06-18
JavaScript，作为一种广泛应用于Web开发的脚本语言，已经成为前端开发者不可或缺的工具。jQuery，作为JavaScript的一个库，曾经因其简化DOM操作、事件处理和Ajax交互等特性而受到热烈追捧。然而，随着浏览器API的...
awesome-web-desktops：看起来像桌面图形用户界面的网站，Web应用程序，产品组合
01-31
6. **API集成**：与第三方服务集成，如云存储、在线应用等，以增强Web桌面的功能。 7. **性能优化**：如何处理大量的DOM元素，避免内存泄漏，提高页面加载速度。 学习这些内容将有助于提升你的Web开发技能，尤其是...
原生js—classList.add()、classList.remove()
Kimser
07-22 996
原生js——操作类名（HTML5新增classList） classList.add( newClassName )； 添加新的类名，如已经存在，取消添加 classList.contains( oldClassName ); 确定元素中是否包含指定的类名，返回值为true 、false； classList.remove( oldClassName )； 移除已经存在的类名; classList.toggle( className )； 如果classList中存在给定的值，删除它，否则，添加它
原生js—classList.add()、classList.remove()、classList.contains()、classList.toggle()
orange_girls的博客
07-07 708
classList
JS classList.add和className
wwy6191的博客
09-29 474
classList是直接修改一个节点的类名，classList.add()则是添加一个类名，对之前的内容不做修改。
js 删除list中的某个元素 向list中添加某个元素
qq_44790703的博客
12-23 1万+
1.删除 var list= [ { name: "tom", sex: "m", age: "22" }, { name: "jack", sex: "m", age: "18" } ]; for (var i = 0; i < list.length; i++) { ...
用js模拟的List
吴安国的专栏
09-17 1223
/* * List 大小可变数组 * author: 吴安国 * version: 1.0 */ function List() { this.list = new Array(); }; /** * 将指定的元素添加到此列表的尾部。 * @param object 指定的元素 */ List.prototype.add = function(obje
js怎么弄list_js 实现list类
weixin_34039843的博客
02-26 1484
ArrayList Testwindow.print= function(value) {//alert("window.print");document.write(value);};window.println= function(value) {//alert("window.println");print(value);document.write("");};varlist= newAr...
javascript数组 添加元素
渐行渐远
02-24 2372
javascript数组 添加元素
js list添加元素_如何给List集合的每个元素添加index序号
weixin_39622521的博客
12-02 3389
有这样一个需求，在excel导出报表的时候，产品经理想在首列加个序号，可能大家就会问了，直接取数据库的id不就可以吗？但是这样会有一个问题，很多时候我们从数据库捞数据出来还会对数据分组排序等一系列的业务操作，这样一来，这个id还会是我们想要的id吗？显然不是的，还有些id可能是分布式id，其长度就有10位之长，是产品经理想要的结果吗 ?显然不是。这个时候Java8的stream就闪亮登场了： ...
JS 对classList添加、删除、修改、替换
MFWSCQ的博客
05-23 8584
Element.classList是一个只读属性，返回一个元素的类属性的实时DOMTokenList集合。 相比将element.className作为以空格分隔的字符串来使用，classList是一种更方便的访问元素的类列表的方法。 语法： const elementClasses = elementNodeReference.classList; 返回值 elementClas...
Uncaught ReferenceError: global is not defined js browser-crypto.js:3 __require chunk-RSJERJUL.js:3 js random.js:3 __require chunk-RSJERJUL.js:3 js event.js:3 __require chunk-RSJERJUL.js:3 js websocket.js:3 __require chunk-RSJERJUL.js:3 js transport-list.js:5 __require chunk-RSJERJUL.js:3 js entry.js:3 __require chunk-RSJERJUL.js:3 <anonymous> sockjs-client.js:3755
最新发布
06-08
这个错误提示是 JavaScript 运行时出现了一个未定义的变量 global。可能是因为你在浏览器环境下使用了一些 Node.js 的特性，或者是因为你在代码中手动定义了一个 global 变量但是没有赋值。你可以检查一下相关的代码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值