• JS获取元素,节点的方法


    一、设置或获取元素对象中(标签中)的属性和自定义属性
    	对象.属性
    	对象['属性']
    	对象.getAttribute('属性名')
    	对象.setAttribute('属性名','属性值');
    	对象.removeAttribute('属性名')
    二、outerHTML : 当前节点对象及所有子节点(标签及所有内容)
        innerHTML : 当前节点中所有的内容(包含标签,会自动解析标签)
    	innerText : 当前节点中所有的纯文本内容(不包含标签,不会自动解析标签)
    三、如何获取所有的子节点?
    	1. childNodes : 元素节点与文本节点(需要去除空白文本节点)
    	function removeSpace(node){
    		var childs = node.childNodes;
    		for(var i = 0;i < childs.length;i ++){
    			if(childs[i].nodeType === 3 && /^s+$/.test(childs[i].nodeValue)){
    				node.removeChild(childs[i]);
    			}
    		}
    		return node;
    	}
    	2. children : 元素子节点
    四、高级选取
    	parentNode 
    	firstChild
    	firstElementChild
    	lastChild
    	lastElementChild
    	previousSibling
    	previousElementSibling
    	nextSibling
    	nextElementSibling
    五、offsetWidth = width + border + padding
    	offsetHeight = height + border + padding
    六、获取非行内样式
    	function getStyle(obj,attr){
    		return window.getComputedStyle ? getComputedStyle(obj,1)[attr] : obj.currentStyle[attr];
    	}
    七、父节点.insertBefore(newNode,oldNode)
    八、offsetLeft : 指定对象相对于父对象的left值
    	offsetTop : 指定对象相对于父对象的top值
  • 相关阅读:
    apache、php隐藏http头部版本信息的实现方法
    CentOs 设置静态IP 方法
    PHP如何判断远程图片文件是否存在
    linux删除乱码文件
    Linux基础学习1
    C#——继承
    解决简体输出乱码问题
    简单的Tuple声明和输出
    懒汉式与饿汉式的区别
    Java 反射
  • 原文地址:https://www.cnblogs.com/liufuyuan/p/10387106.html
Copyright © 2020-2023  润新知