js獲取頁面元素

2021-10-02 12:32:42 字數 951 閱讀 6691

獲取頁面元素的四種方式:

1、通過標籤名來獲取:

var box = document.getelementsbytagname("div")[2];

console.log(box);

2、通過class名來獲取

var box2 = document.getelementsbyclassname("div1")[0];

console.log(box2);

3、通過id名來獲取

var box3 = document.get

console.log(box3);

4、通過name名來獲取

var box4 = document.getelementsbyname("div3")[0];

console.log(box4);

設定html標籤的文字:

innerhtml: 會修改開始標籤到結束標籤之間,所有的內容(覆蓋子元素)

innertext: 只會修改文字內容

box4.innerhtml = "中國加油!";

box3.innertext = "武漢加油!";

通過js來修改html的樣式:

box.style.width = 100 + "px";

box.style.height = 100 + "px";

box.style.backgroundcolor = "red";

將迴圈和標籤結合使用一下:

var list = document.getelementsbyclassname("list");

for(var i = 0; i < list.length; i++)

獲取php頁面上的元素,js獲取元素在頁面的位置

很多時候,我們需要獲取元素在頁面的位置 我們需要明白的是 元素在頁面的位置 該元素相對瀏覽器視窗的位置 瀏覽器滾動條的值 我們可以先用getboundingclientrect 方法來獲得某個元素相對瀏覽器視窗的位置 這個方法返回的是乙個物件,即object,該物件具有4個屬性 top,left,r...

獲取頁面元素

通常在做斷言之前,都要先獲取介面上元素的屬性,然後與期望結果對比。本篇介紹幾種常見的獲取元素屬性方法。1.1.有很多小夥伴都不知道 title 長在 看下圖左上角。1.2.獲取 title 方法很簡單,直接 driver.title 就能獲取到 3.通過 driver.text 獲取到文字 1.獲取...

JS獲取元素在頁面的位置

js獲取元素的offsettop,offsetleft等屬性 obj.clientwidth 獲取元素的寬度 width padding obj.clientheight 元素的高度 obj.offsetleft 元素相對于父元素的left obj.offsettop 元素相對于父元素的top ob...