1. 程式人生 > >javascript根據元素自定義屬性獲取元素,操作元素

javascript根據元素自定義屬性獲取元素,操作元素

function getElementByAttr(tag,attr,value)
{
    var aElements=document.getElementsByTagName(tag);
    var aEle=[];
    for(var i=0;i<aElements.length;i++)
    {
        if(aElements[i].getAttribute(attr)==value)
            aEle.push( aElements[i] );
    }
    return aEle;
}
//此時獲得的是陣列
window.onload=function
() {
var aDiv=getElementByAttr('div','data-id','123456');//返回data-id為123456的div集合 for(var i=0;i<aDiv.length;i++){ aDiv[i].style.backgroundColor='#ccc';   } }

相關推薦

javascript根據元素定義屬性獲取元素操作元素

function getElementByAttr(tag,attr,value) { var aElements=document.getElementsByTagName(tag); var aEle=[]; for(var

jQuery點選元素獲取定義屬性的值利用冒泡原理~

知識鋪墊: attr(“屬性名”); //獲取屬性的值(取得第一個匹配元素的屬性。通過這個方法可以方便的從第一個匹配元素中獲取一個屬性的值。如果元素沒有相應屬性,則返回undefined)

vuejs2.0如何獲取dom元素定義屬性

1.設定定義屬性值  :data-value=".." <ul class="header-ul"> <li class="flexcss" v-for="(list,index) in child" :data-value="li

SpringBoot(五):定義屬性獲取

目錄 一.全域性配置檔案配置屬性 二.獲取單一屬性 三.對映Bean屬性 四.測試 一.全域性配置檔案配置屬性 在src/main/resources目錄下,找到一個名為application-dev.properties的全域性配置檔案,可

初學spring-boot遇到的定義屬性獲取問題

遇到如下一些問題:(springboot-1.5.14) 1.自己建立的包一定要在啟動入口類***Application.java包下,這樣@EnableAutoConfiguration註解才會自動掃描package,建立Beans 2.

標籤定義屬性,獲取操作的方法封裝以及在此基礎上對標籤原有屬性的擴充套件...

按照慣例,上程式碼,並不斷完善中.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>

從零開始學 Web 之 HTML5(二)表單多媒體新增內容新增獲取操作元素定義屬性

器) user 對比 style 按鈕 ont mp3 url -- 大家好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公眾號:Web前端之巔 博客園:ht

JS獲取元素屬性定義屬性

昨天有同事問我,怎麼獲取自定義元素的屬性,我意識到這個確實是個 問題,所有總結一下自己的心得。 獲取元素的屬性分為兩種型別: 1-獲取元素常見的屬性(class,id,type,

定義元素屬性以及用jquery 去獲取當前點選的元素的這個定義屬性

部分html: <button dataid="1" class="btn btn-primary btn-xs hanblog_edit">修改</button>juqery

如何根據定義屬性值尋找特定的某個元素

根據自定義屬性值尋找特定的某個元素 獲取具有自定義屬性特定元素函式: tag:自定義屬性所在的元素名 attr:自定義屬性名稱 value:自定義屬性值 function getElementByAttr(tag,attr,value) {

原生JS獲取含有定義屬性元素節點

jQuery有data()方法可以獲取到自定義的元素節點,而原生JS獲取則要用到querySelector以及querySelectorAll這兩個方法。 用程式碼寫一下。 <!DOCT

jquery attr和data給元素添加定義屬性

方式 data 情況 logs .cn strong 目前 es2017 tid 博主不才,將自己總結的寫在這裏,如有問題歡迎一起討論; jquery給一個元素添加自定義屬性目前見過兩種方式 方式一:attr 方式二:data 這兩種放方式都可以給元素添加自定義屬性 如:

使用javascript 獲取 data- 定義屬性

HTML5 data-* 的讀寫方式 一 、data-* 有兩種設定方式: 1、可以直接在HTML元素標籤上書寫 <div id="test" data-age="24"> Click Here </div&

從零開始學 Web 之 jQuery(四)元素的建立新增與刪除定義屬性

一、元素的建立新增和刪除 1、方式一:以物件的方式建立元素 append,appendTo :在被選元素所有子元素的結尾插入內容(增加子元素)。 prepend,prependTo:在被選元素所有子元素的開頭插入元素(增加子元素)。 before:在當前被選元素之後插入內容(相當於增加兄弟元素)。 af

09.05 javascript 屬性 內置屬性 定義屬性 DOM文檔對象模型

html for 對象模型 ase 元素 tco 內容 textarea 1-1 # 屬性 ### 內置屬性 * js對象和html標簽有映射關系 ### 自定義屬性 * getAttribute() * setAttribute() * hasAttribute() *

jquery獲取定義屬性的值

取值 知識庫 rep -name bsp class tar itl jquery //獲取屬性值 1 <div id="text" value="黑噠噠的盟友"><div> jQuery取值: $("#text").attr("value");

獲取定義屬性的值

js獲取自定義屬性的值在js中有3種常見的方法:獲取自定義屬性的值

javascript教程系列42:標簽上定義屬性操作

log undefine exp javascrip eat ole dex 標簽 rip 1 獲取標簽屬性 語法: element.getAttribute(‘屬性名‘) 返回對應屬性的值 ,如果沒有返回null. //html <div id="box" ind

關於jQuery獲取html標簽定義屬性值或data值

自定義屬性 標簽 定義 .data 獲取 div val data 屬性 //獲取屬性值<div id="id1" value="優秀" ></div>jQuery取值:$("#id1").attr("value"); //獲取自定義屬性值&l

總結Jquery中獲取定義屬性使用.attr()和.data()以及.prop()的區別

p.p1 { margin: 0.0px 0.0px 2.0px 0.0px; font: 14.0px ".PingFang SC" } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px ".PingFang SC" } p.p3 { margin: