分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

jsDOM操作

发布时间:2023-09-06 02:28责任编辑:董明明关键词:jsDOM

DOM操作最主要的就是找到元素,操作元素。

1、节点
   previousSibling           匹配字符 包括换行和空格,而不是节点
   previousElementSibling    直接匹配节点。

2、常用的找到元素:
   document.getElementById();           通过id属性查找
   document.getElementsByName();   通过name属性查找  
   document.getElementsByTagName();  通过标签的名字查找
   document.getElementsByClassName();  通过class属性查找,找到的是数组 如果只找到一个,那么也是元素只有一个的数组

3、操作元素  对象变量名:obj
   创建删除
   操作内容
   非表单元素   直接操作
     obj.innerhtml   获取   单独写是获取
     obj.innerhtml ="赋值"  加上等号就给它赋值
  表单元素     先赋值再操作
     obj.value      获取   单独写是获取  
     obj.value=123
  操作属性
    obj.getAttribute();  获取指定的属性值     方法通过名称获取属性的值
    obj.setAttribute("id","btn");  设置属性  设置id的值btn
    obj.removeAttribute("name"); 删除指定的属性
 操作事件
 操作样式(只能操作内联 也就是行内)
    obj.style.样式
    obj.style.样式 = 值

jsDOM操作

原文地址:https://www.cnblogs.com/tanchangsha/p/10203785.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved