javascript操作標籤的自定義屬性

阿新 • • 發佈：2019-02-06

自定義屬性是一個很好用的小技巧，利用它我們可以用來儲存其它型別的資料。如陣列，hash物件，字串等. 但js來操作自定義屬性要注意。

案例: 在標籤中定義了一個自定義屬性 visitNumber

<a href="http://www.baidu.com" id="a"  visitNumber="100">baidu</a>
<script type="text/javascript">
	var node=document.getElementById("a");
	alert( node.getAttribute("visitNumber") );
	
	alert( node.visitNumber );
	
</script>

結論: 在ff中是不支援使用 node.自定義屬性名的方式來訪問屬性的值的.

綜合以上兩篇文章的結論，當使用 js操作html屬性時，對於常規屬性，使用node.屬性名來讀取，對於自定義屬性，使用node.getAttribute("屬性名")讀取.

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

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

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

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

Thymeleaf 之內建物件、定義變數、URL引數及標籤自定義屬性_Thymeleaf

如標題所述，這篇文章主要講述Thymeleaf中的內建物件（list解析、日期格式化、數字格式化等）、定義變數、獲取URL的引數和在頁面標籤中自定義屬性的應用。如果對Thymeleaf的基本使用、maven依賴等不清楚的可以先閱讀我的另一篇文章《Thymeleaf 之初

jquery獲取html標籤自定義屬性值或data值

//獲取屬性值 1 <div id="text" value="黑噠噠的盟友"><div> jquery取值： $("#text").attr("value"); //獲取自定義屬性值 2 <div id="text" value

使用javascript 獲取 data- 自定義屬性

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

使用js在IE9中獲取標籤自定義屬性

JScript code function wfMain_DevNodeContextMenu(event) { var ele = event.target || event

javascript操作標籤的自定義屬性

自定義屬性是一個很好用的小技巧，利用它我們可以用來儲存其它型別的資料。如陣列，hash物件，字串等. 但js來操作自定義屬性要注意。案例: 在標籤中定義了一個自定義屬性 visitNumber <a href="http://www.baidu.com"

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

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

JavaScript中自定義屬性的操作

目錄 1.getAttribute("自定義屬性的名字") 獲取自定義屬性的值案例：點選li獲取成績 <head> <meta charset="UTF-8"> <title>Title</t

擴充套件jQuery easyui tabs元件，實現根據id（或者自定義屬性）操作tab標籤

easyui是一個輕量級的後臺管理系統框架，各種元件均有，使用簡單方便，現在已經有免費版的License了。但是它也有一些蛋疼的地方，比如tabs元件，該元件預設只能根據tab的title或者index進行相應的操作，有的時候這將令人非常的蛋疼，例如左側導航選單不同選單

HTML5的自定義屬性data-*詳細介紹和JS操作實例

select 文章 red data scrip style box 實例 width 這篇文章主要介紹JS操作HTML自定義屬性的方法, 以實例形式分析了html中自定義屬性的設置與對應的javascript操作技巧具體如下： HTML代碼如下（其中的d

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

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

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

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

靈活使用標籤的data自定義屬性和事件物件

如果需要動態的給每一個標籤新增一樣的事件，且只有對應的內容改變，則可以通過data事先定義好要用的資料，然後通過事件物件獲取，data自定義屬性可以是一個字串或者是一個物件形如： data-address=“中華人民共和國” data-sta

[Xcode10 實際操作]四、常用控制元件-(5)UILabel文字標籤自定義文字樣式

本文將演示給標籤物件新增描邊效果，在專案資料夾上，點選滑鼠右鍵選單，選擇【Create File】->【Cocoa Touch Class】->【Next】-> 【Class】：MyLabel 【Subclass of 】：UILabel 【Language】：Swift -&g

原生js如何通過html標籤的自定義屬性，找到該屬性對應的屬性值

需求如下：我有一段固定的js，不同的專案都必須引入，並且js內必須傳入一個專案標識。此時的做法當然是把這段js封裝成一個js檔案，放到cdn上，每次只需要引入這個js的地址，並且傳入不同的引數為了

Javascript中的函式及自定義屬性

一.函式 1.函式：將一系列程式碼或者操作行為打包到一起形成的內容就是函式，是一塊有特定功能的程式碼。 2.函式的分類 a.具名函式：有函式名的就是具名函式 function foo(){//foo就是函式的名字，function表示函式的宣告，看不到表現效果

html自定義屬性及相關操作

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>自定義屬性</title> <script ty

標籤data-*自定義屬性值和根據data屬性值查詢對應標籤

1、html中設定標籤data-*的值 <dl> <dt>標題</dt> <dd data-url="11">11111</d

s 點選a標籤獲取a的自定義屬性方法_javascript技巧

今天專案上遇到一個問題，需要在點選a標籤時，將完整的內容顯示出來原先是想用jquery的click方法 <a ownattr=“……” onClick="showDetail(this)"&g

javascript操作標籤的自定義屬性

相關推薦