JS操作屬性和樣式

2022-07-17 08:09:14 字數 1651 閱讀 6785

js操作屬性:

aaa.getattribute("屬性名"); - 取出aaa這個dom物件的屬性名中的屬性值

aaa.removeattribute("屬性名"); -移除該屬性

aaa.setattribute("屬性名","值"); --新增/修改此屬性

window.settimeout("b()", 3000); --等待3秒,執行b這個方法,只執行一遍。

window.setinterval('aaa()', 1000); --每隔1秒都執行aaa這個方法,迴圈執行。

clearinterval(time); --清除定時器

倒計時:

操作樣式:

變數名.style.樣式名="";

var b = a.nextsibling; 找到a的下乙個同級元素,包含空格;

var b = a.previoussibling; 找到a的上乙個同級元素,包含空格;

var b = a.parentnobe;找到a的父級元素;

var b = a.childnobes;找到a的下一級子級元素,找到的是陣列;

var b = a.firstchild/lastchild/childnodes[n];第乙個子元素/最後乙個元素/找第幾個元素;

元素的建立、新增、刪除

var a =document.getelementbyid("id");找到a

var obj = document.createelement("biaoqianming");建立元素

obj.innerhtml="hello world";

a.removechild(obj);刪除乙個子元素

a.selectindex:;選中第幾個

a.options[a.selectindex];按下標取出第幾個option物件

元素的建立、新增、刪除

var s=new string();或var s="aaa";

var s="hello world";

alert(s.tolowercase()/s.touppercase());轉小寫

alert(s.substring(3,8));從第三個位置擷取到第八個位置

alert(s.substr(3,8));從第三個位置開始擷取,擷取8個字元長度。

alert(s.substr(3)/s.substring(3));從第三個位置開始擷取,擷取到最後

s.split('');將字串按照指定的字元拆開

s.indexof("world"); world在字串中第一次出現的位置,沒有,返回-1

s.lastindexof("o");

時間日期的操作

var d=new date();當前時間

var d=new date(1999,3,2);定義乙個事件,2023年4月2日,3要加1

d.getfullyear:取年份;     d.getmonth();取月份,取出來的少1     d.getdate();取天

d.getday();取星期幾        d.gethours();取小時

屬性和樣式操作

attr name pro key,val fn 設定或返回被選元素的屬性值 removeattr name 從每乙個匹配的元素中刪除乙個屬性 prop n p k,v f 獲取在匹配的元素集中的第乙個元素的屬性值 removeprop name 用來刪除由.prop 方法設定的屬性集addclas...

JS 巧用cssText屬性 操作樣式

給乙個html元素設定css屬性,傳統做法 varmybox document.getelementbyid mybox mybox.style.width 200px mybox.style.height 70px mybox.style.display block 這樣寫很煩,尤其是很多的時候,...

DOM操作之屬性和樣式操作

在dom操作,除了前面的節點操作以外,常常被用到的操作還有屬性操作和節點操作,下面,主要來總結一下jquery中的屬性操作方法和樣式操作方法。在開始操作前,我們需要先在html中新增如下 後面所有的操作都是基於該dom結構進行的。你最喜歡的水果是?在前面我們提到過乙個方法attr 通過給該方法新增乙...