页面元素查找
查找元素方法表达式 返回值 依据元素性值 可使用的对象
a=document.getElementById() 单个元素,null 属性ID值 document
b=document.getElementsByName() 数组 属性name值 document
c=document.getElementsByTagName() 数组 标签名 ,使用者可以是 document 或 单个元素:例 c=a.getElementsByTagName()
d=getElementsByClassName() 数组 属性class值 document 或 单个元素
e=document.documentElement html元素 获取html元素 document
f=document.body body元素 获取body元素 document
g=document.querySelector() 单个元素 通过选择器获取单个元素 document 或 单个元素
h=a.querySelectorAll() 数组 通过选择器获取一组元素 document 或 单个元素
h=querySelector("#score>tbody>tr>td:nth-of-type(2)")
获取元素的相关节点
a.children[0] 或 a.firstElementChild 获取第一个子节点
b=a.lastElementChild ; 获取最后一个元素
p=a.parentNode; 获取直接父元素
p2=a.offsetParent; 这个是于位置有关的上下级,能获取所有父节点(相当于body下的所有节点信息)
p3=a.parentNode.children[1]; 通过先获取父节点,再获取子节点来获取兄弟节点
brother=a.previousElementSibling; 获取上一个兄弟节点
next=a.nextElementSibling; 获取下一个兄弟节点
浏览器页面交互
获取页面浏览器地址栏的url : var my_url= window.location.href.toString()
获取页面url中?后面的字符串: var searc=window.location.search
滚动页面到顶部 : document.documentElement.scrollTop=0
禁用a元素的href属性 : <a href='javascript:void(0);'>my href</a>
在新窗口中打开页面: window.open("https://www.baidu.com");
下拉框元素选择: var country=document.getElementById('country'); var chin=country.getElementsBySelector('*[value="CN"]')[0]; chin.selected=true;
设置浏览器中页面的的cookie :
cookie详解 见:https://segmentfault.com/a/1190000004556040
获取浏览器中的cookie , var the_cookie=document.cookie
修改浏览器中的cookie属性, document.cookie="name=testcookie;expires=Thu,26 Feb 2116 11:50:25 GMT;domain=test.my.com;path='/'; 一次只能设置一个cookie属性,
使用多次该表达式,就可设置多个cookie属性值。对于设置时cookie字符串中有逗号,分号,空隔需要编码,读取时用unescape进行解码,设置时用escape进行编码
var key=escap("name;value");
var value=escape("value contan , and ;");
document.cookie=key+"="+value+";expires=Thu,26 Feb 2116 11:50:25 GMT;domain=sankuai.com;path='/';
获取剪切板内容
https://zhuanlan.zhihu.com/p/34698155