JavaScript 中几种常见的元素方式

72 阅读 0 评论 48 点赞

我是靠谱客的博主含糊豌豆，最近开发中收集的这篇文章主要介绍JavaScript 中几种常见的元素方式，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1.根据元素获取元素
document.getElementById("id 属性值")

2.获取标签名元素
document.getElementsTagName('标签的名字')

3.获取name属性的值元素
document.getElementsByName("name属性的值"）

4..获取类样式的名字
document.getElementsByClassName("类样式的名字")

5.根据选择器获取元素
1.document。querySelector("选择器")
2.document.querySelectorAll("选择器"）

二.方法
1.trim（）去除首位空格
2.createElement （创建元素的名称“）通过指定名称创建一个元素
3.appendChild（需要添加节点的对象）可以向列表的末尾添加新的子节点

4.innerHTML 设置或返回表格行开始和结束标签的HTMl

5.parentNode 可返回某节点的父节点

6.innerText 获取或者设置文本

7.setAttribute（“属性”，值）创建或改变某个新属性

8.getAttribute（属性）获取这个属性的属性值

9.splice.（下标，删除多少个元素，添加到数组的新元素）用于添加或者删除数组中的元素

10.setlnterval（function，毫秒值，传给执行函数的其他函数）按照指示的周期（以毫秒计）

来调用函数或者计算表达式不停的调用函数，直到clearlnterval（）来调用或窗口被关闭

setTimeout（）执行一次
11. round（数子）方法四舍五入
random（）返回一个0-1的随机数

12.排序
//方法sort（）
var arr=【12,3,3,2,5，9,6】；
arr.sort(function(a,b)){
return a-b;
})
cosole.log(arr);

//方法2 选择排序
var arr1=【12,2,1,21,232，,334】
for(var i=0; i<arr1.length:i++){
for(var j =i+1;j<arr1.length;j++){
if(arr1[i] >arr1[j+i]){
var temp=arr1[j]
arr1[j] =arr[i]
arr1[i] = temp;

//方法3 冒泡排序
var arr2= [12,32,23,2]
for(var i =0;i<arr2.length;i++){
for (for j=0; j<arr2.length;j++){
if(arr2[j] >arr[ j+1){
var temp =arr2[ j]
arr2[ j ] =arr2 [j+ 1]
arr2[k+1 ] =temp
}
}
}

13. 去重

function unique（arr）{
var newArr =【】；1创建新数子

1、便利就数组
for （var i=0； i<arr.length;i++){
//利用数组.index (数组元素) 如果返回时 -1 就说明新数组里面没有改元素
if (newArr.indxOf(arr[i] === -1){
newArr.push(arr[i ]);//若没有查到，存入新数组当中
}

14.数组转字符串
一.toString()
二.join('-')分隔符

15.indexOf（ch，index，str）返回字符在字符串中第一次出现的索引，如果字符串中没有字符则返回-1
ch 字符 index 开始搜索索引的位置0 开始
str要搜索的子字符串

16.push （）向数组末尾添加一个或者多个元素并返回新的元素

17.substr（‘截取起始位置’，‘截取几个支符）
可以截取指定数目的字符

18.replace （‘被替换的字符’，替换为字符）

19.unshift（）在我们数组的前面添加一个或多个数组元素

20.pop （）它可以删除数组的最后一个元素一次只能删除一个元素
21.shift （）它可以删除数组的第一个元素一次只能删除一个元素