0509获取网页节点以及相关属性值

1.jQuery中的一些API函数
.siblings():
获取当前节点的兄弟节点
.parent():
获取当前节点的父节点
.children()
获取当前节点的子节点


2.js获取html的span标签的值
https://blog.csdn.net/zyw_anquan/article/details/17619579
document.getElementById("testid").innerText;  
document.getElementById("testid").innerHTML;  


3.JS和jQuery获取select下拉框选中的的值
https://www.jianshu.com/p/e09bdcd1850f
>>>>javascript原生的方法
a.拿到select对象: var myselect=document.getElementById("test");
b.拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
c.拿到选中项options的value: myselect.options[index].value;
d.拿到选中项options的text:  myselect.options[index].text;
>>>>jquery方法(前提是已经加载了jquery库)
a.var options=$("#test option:selected"); //获取选中的项
b.alert(options.val()); //拿到选中项的值
c.alert(options.text()); //拿到选中项的文本


4.jQuery获取节点的title
https://zhidao.baidu.com/question/568735454.html
<a title='222' id='testa'>链接</a>     //定义一个id是testa的a标签
var adom = $('#testa');//根据标签的id获取标签a的dom节点,jquery方式
var title = adom.attr('title');//获取title内容
---
$("#a1").attr("title")


5.js获取当前节点的所有下级节点
myDiv.getElementsByTagName("*")
同样可以利用这个式子获取当前节点下的指定标签的所有节点


6.Dom节点操作常用方法和获取文本内容
https://www.jianshu.com/p/21258113db47
document.getElementById(id);           //返回对拥有指定id的第一个对象进行访问
document.getElementsByName(name);      //返回带有指定名称的节点集合   注意拼写:Elements
document.getElementsByTagName(tagname);   //返回带有指定标签名的对象集合   注意拼写:Elements
document.getElementsByClassName(classname);  //返回带有指定class名称的对象集合 注意拼写:Elements


document.createElement(eName);  //创建一个节点
document.createAttribute(attrName); //对某个节点创建属性
document.createTextNode(text);   //创建文本节点


document.insertBefore(newNode,referenceNode);  //在某个节点前插入节点
parentNode.appendChild(newNode);        //给某个节点添加子节点


cloneNode(true | false);  //复制某个节点  参数:是否复制原节点的所有属性


parentNode.removeChild(node);  //删除某个节点的子节点 node是要删除的节点


getAttribute(name)    //通过属性名称获取某个节点属性的值
setAttribute(name,value);  //修改某个节点属性的值
removeAttribute(name);  //删除某个属性


parentObj.firstChild;  //如果节点为已知节点的第一个子节点就可以使用这个方法。此方法可以递归进行使用 parentObj.firstChild.firstChild.....
parentObj.lastChild;  //获得一个节点的最后一个节点,与firstChild一样也可以进行递归使用 parentObj.lastChild.lastChild.....
parentObj.childNodes;   //获得节点的所有子节点,然后通过循环和索引找到目标节点


curtNode.previousSibling;  //获取已知节点的相邻的上一个节点
curtNode.nextSibling;    // 获取已知节点的下一个节点


childNode.parentNode;  //得到已知节点的父节点


replace(newNode,oldNode);


7.js获取修改title与jQuery获取修改title
https://blog.csdn.net/hushc/article/details/6262048
document.title;
title.text;(var title = document.getElementsByTagName('title'));


https://blog.csdn.net/fxss5201/article/details/52859935
js修改title:
document.title = 'xxxxxx';
jQuery修改title:
获取title的内容
$(document).attr("title","");
$("title").html("");
修改title的内容
$(document).attr("title","修改title的内容");

$("title").html("修改title的内容");


8.1.让label标签中的文字居中显示
text-align:center;

猜你喜欢

转载自blog.csdn.net/lee_ham/article/details/80260619