博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
DOM操作指令
阅读量:4310 次
发布时间:2019-06-06

本文共 920 字,大约阅读时间需要 3 分钟。

查找元素:

document.getElementById 查找元素的id,由于id是唯一的,所以查找出的是一个单独的变量;

document.getElementsByClassName  利用类名查找拥有相同类名的所有元素,由于多个元素可以共用一个类名,所以get到的为一个数组,在利用循环语句进行操作时,不能忘记使用下标;

document.getElementsByTagName 标签名查找,数组;

document.getElementsByName 数组;

操作内容:

非表单元素时在其后或者为其创建的变量名后加 .innerHTML来获取元素中的内容;

表单元素加 .value获取其值;

利用等号=来修改获取的内容

x.innerHTML = xxx;x.value = xxx;

操作属性:

getAttribute 获取元素中的某一项属性

x.getAttribute("class属性的名称/id名称/自定义属性名称");

 

setAttribute 设置元素中的某一项属性

x.setAttribute("属性名称","需要修改的值");

removeAttribute 移除元素中的某一项属性

x.removeAttribute("属性名称");

操作样式:

元素名称.style.样式名称 = "需要修改或添加的样式";x.style.width = "100px";

或者在style标签中设置好style样式,再利用setAttribute修改元素中属性来达到变换样式操作

1  2 14 15 16 17 23     
24 25

用js来创建元素:

createElement

document.createElement("标签名");

追加元素:

appendChild

被追加的元素名.appendChild(追加元素);

删除元素:

remove

元素对象.remove;

限时延迟:

timeout 一次性的限时,只执行一次

interval 延迟,循环,秒表什么的可以用这个

转载于:https://www.cnblogs.com/wangqun1234/p/7680654.html

你可能感兴趣的文章
多线程基础
查看>>
完美解决 error C2220: warning treated as error - no ‘object’ file generated
查看>>
使用SQL*PLUS,构建完美excel或html输出
查看>>
SQL Server数据库笔记
查看>>
X-Forwarded-For伪造及防御
查看>>
android系统平台显示驱动开发简要:LCD驱动调试篇『四』
查看>>
Android 高仿微信头像截取 打造不一样的自定义控件
查看>>
Jenkins的初级应用(1)-Publish Over SSH
查看>>
利用正则表达式群发定制邮件
查看>>
【原】RDD专题
查看>>
第三周——构建一个简单的Linux系统MenuOS
查看>>
Docker 的两类存储资源 - 每天5分钟玩转 Docker 容器技术(38)
查看>>
Codeforces 257D
查看>>
常用的20个强大的 Sublime Text 插件
查看>>
ajaxfileupload.js在IE中的支持问题
查看>>
tensorflow学习之(十)使用卷积神经网络(CNN)分类手写数字0-9
查看>>
当document.write里含有script标签时
查看>>
工作中常见问题
查看>>
JAVA 从一个List里删除包含另一个List的数据
查看>>
外国的月亮比较圆吗?外籍团队工作有感
查看>>