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