<a>為空使用href屬性值填充
分享一段程式碼例項,它實現瞭如果連結<a></a>之間的文字為空。
那麼就用連結的href屬性值進行填充,程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> a[href^="http"]:empty::before { content: attr(href); } </style> </head> <body> <a href="http://www.softwhy.com"></a> </body> </html>
上面的程式碼實現了我們的要求,更多內容可以參閱相關閱讀。
相關閱讀:
(1).[href^="http"]參閱CSS E[att^="val"]一章節。
(2).:empty參閱CSS E:empty一章節。
(3).attr()參閱CSS attr()一章節。
相關文章
- 連結<a>為空就使用href屬性值填充
- jquery設定href屬性值jQuery
- JavaScript修改連結a的href屬性值JavaScript
- 將href屬性值寫入連結<a>
- URL href 屬性
- jQuery動態修改連結的href屬性值jQuery
- CSSStyleSheet.href 屬性CSS
- vue監聽input是否為空(監聽值為物件某個屬性)Vue物件
- 為 protocol 中屬性新增預設值Protocol
- scss中如果將null作為屬性值會刪除此屬性CSSNull
- ESLint對a標籤href屬性警告解決方法EsLint
- BackgroundImageLayout屬性值
- Spring IOC容器【p名稱空間注入屬性值 】Spring
- C#反射設定屬性值和獲取屬性值C#反射
- CSS 屬性賦值CSS賦值
- css匹配type屬性值為text的input元素CSS
- 使用cssText為元素一次設定多個樣式屬性值CSS
- js中為什麼值型別可以使用方法和屬性JS型別
- JavaScript使用name屬性值獲取元素物件JavaScript物件
- spring原始碼深度解析— IOC 之 屬性填充Spring原始碼
- 屬性填充底層原始碼深入剖析前戲原始碼
- 缺失值填充
- 05. struts2中為Action屬性注入值
- tabIndex屬性值為負數的作用是什麼Index
- 將一個物件裡所有的空值屬性設定成null物件Null
- 修改追加屬性的值
- HTML 布林屬性值HTML
- ajax readystate 屬性值
- js如何獲取給定屬性的屬性值JS
- 使用jQuery獲取iframe元素的value屬性值jQuery
- 2.5.4 為 SYSAUX 表空間指定資料檔案屬性UX
- 在url中通過屬性名獲取屬性值
- javascript 將變數值作為物件屬性 獲取物件對應的值JavaScript變數物件
- Javascript 如何判斷物件為空 {},以及是否包含某個屬性?JavaScript物件
- jQuery使用css()方法設定元素的display屬性值jQueryCSS
- JavaScript 獲取 checked 屬性值JavaScript
- javascript如何獲取屬性值JavaScript
- CSS border屬性預設值CSS