大家都知道disabled屬性用來禁用表單里的元素。如果讓你來禁用一個(gè)表單元素,你會(huì)怎么做么,下面提供幾種寫法,各位看官請(qǐng)看
html: var btn=document.querySelector("button"); 1. btn.disabled=true; 2. btn.disabled="disabled"; 3. btn.setAttribute("disabled",true); 4. btn.setAttribute("disabled","disabled")
經(jīng)過試驗(yàn),上述幾種寫法都生效了,我們都知道,在html5中disabled是一個(gè)布爾值,上述幾種寫法渲染出來之后,在他的properties里可以查看到這些都是為true,3,4,方法中,元素的標(biāo)簽上分別為
3. 4.
如果要重新激活這個(gè)按鈕的話,你可能看到過下面的幾種寫法
1. btn.disabled=false; 2. btn.disabled=""; 3. btn.setAttributed("disabled",false);// 不生效 4. btn.removeAttribute("disabled");
這個(gè)時(shí)候就有小伙伴站出來了,第三種寫法為什么不生效呢???
其實(shí)是這樣子的,在html5里面,disabled是一個(gè)布爾值,我們可以設(shè)置他的值為true或者false,而在XHTML里面disabled是一個(gè)常規(guī)的屬性,設(shè)置他的值就是用setAttribute,所以用setAttribute("disabled",false) 是不生效的
所以,正規(guī)的寫法是
1. btn.disabled=true; btn.disabled=false; 2. btn.setAttribute("disabled","disabled"); btn.removeAttribute("disabled");
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/50066.html
大家都知道disabled屬性用來禁用表單里的元素。如果讓你來禁用一個(gè)表單元素,你會(huì)怎么做么,下面提供幾種寫法,各位看官請(qǐng)看 html: test var btn=document.querySelector(button); 1. btn.disabled=true; 2. btn.disabled=disabled; 3. btn.setAttribute(disabled,tr...
摘要:?jiǎn)卧獪y(cè)試會(huì)體現(xiàn)出以上錯(cuò)誤處理程序的作用如果出現(xiàn)問題,錯(cuò)誤處理程序就會(huì)返回。同時(shí)錯(cuò)誤會(huì)展開堆棧,這對(duì)調(diào)試非常有幫助。展開堆棧處理異常的一種方式是在調(diào)用堆棧的頂部加入。確保你的錯(cuò)誤處理處在相同域中,這樣會(huì)保留原始消息,堆棧和自定義錯(cuò)誤對(duì)象。 JavaScript的事件驅(qū)動(dòng)范式增添了豐富的語(yǔ)言,也是讓使用JavaScript編程變得更加多樣化。如果將瀏覽器設(shè)想為JavaScript的事件驅(qū)動(dòng)...
摘要:先說下我面試情況,我一共面試了家公司。篇在我面試的眾多公司里,只有同城的面問到相關(guān)問題,其他公司壓根沒問。我自己回答的是自己開發(fā)組件面臨的問題。完全不用擔(dān)心對(duì)方到時(shí)候打電話核對(duì)的問題。 2019的5月9號(hào),離發(fā)工資還有1天的時(shí)候,我的領(lǐng)導(dǎo)親切把我叫到辦公室跟我說:阿郭,我們公司要倒閉了,錢是沒有的啦,為了不耽誤你,你趕緊出去找工作吧。聽到這話,我虎軀一震,這已經(jīng)是第2個(gè)月沒工資了。 公...
摘要:沒有任何意外,王小二的公司用來開發(fā)公司的主打產(chǎn)品。臃腫的著手開干吧小二打開熟悉的,找到提交訂單模塊的。要不再去請(qǐng)教下哥的煩惱小二找到哥,詳細(xì)的描述了他的問題。 流行的MVC架構(gòu)模式 如今的Web開發(fā),各種框架風(fēng)起云涌,勢(shì)如破竹。 從國(guó)民第一的ThinkPhp到稱霸全球的Laravel,這些框架有一個(gè)共同特征,都采用了MVC的架構(gòu)模式。 showImg(https://segmentfa...
閱讀 3278·2021-10-11 10:59
閱讀 2843·2021-10-11 10:58
閱讀 2253·2021-09-04 16:45
閱讀 2731·2019-08-30 15:44
閱讀 684·2019-08-30 15:44
閱讀 3210·2019-08-30 10:51
閱讀 1603·2019-08-29 18:46
閱讀 2762·2019-08-29 13:57