用javascript(js）控制html標籤的屬性和內容

阿新 • • 發佈：2019-01-05

js控制html標籤屬性和內容
通過點語法可以訪問和設定除了class以外的所有標籤屬性，這裡想設定class屬性的話，要使用className來設定，如果想要設定標籤中間的內容，那麼可以使用innerHTML
1.先寫一個用css設定div的樣式

<!DOCTYPE html>
<html>
<head>
    <title>js控制html標籤的屬性和內容</title>
    <style type="text/css">
        #box01{width: 100px;height: 100px 
;background:pink;}
    </style>
</head>
<body>
    <div id="box01" title="我是title屬性" class="class01">我是一個div盒子</div>

</body>
</html>

頁面顯示如下：
這裡寫圖片描述
2.用js改變原有的html屬性

!DOCTYPE html>
<html>
<head>
    <title>js控制html標籤的屬性和內容</title>
    <style 
 type="text/css">
        #box01{width: 100px;height: 100px;background:pink;}
    </style>
</head>
<body>
    <div id="box01" title="我是title屬性" class="class01">我是一個div盒子</div>

</body>
</html>
<script type="text/javascript">
    //1.先獲得指定的id屬性
    var box01 = document.getElementById('box01' 
);
    //2.改變div中的title屬性
    box01.title = '我是被js改變的title';
    //2.改變class的屬性
    box01.className = 'class02';
    //3.改變div顯示的內容
    box01.innerHTML = '我是被js修改的html屬性'
</script>

顯示結果如下：
這裡寫圖片描述

用javascript(js）控制html標籤的屬性和內容

js控制html標籤屬性和內容通過點語法可以訪問和設定除了class以外的所有標籤屬性，這裡想設定class屬性的話，要使用className來設定，如果想要設定標籤中間的內容，那麼可以使用innerHTML 1.先寫一個用css設定div

使用dom4j解析xml格式字串，獲取標籤屬性和內容

本文解析XML格式字串引入的是： dom4j-1.6.1.jar具體程式碼如下： /** * 解析xml字串，獲取各項屬性內容 * readXML方法描述: * * @author : sunyan * @createTi

用Javascript（js）進行HTML轉義工具（處理特殊字元顯示）

$package("js.lang"); // 沒有包管理時，也可簡單寫成 js = {lang:{}}; js.lang.String = function(){ this.REGX_HTML_ENCODE = /"|&|'|<|>|[\x00-\x20]|[\x7F-\xF

html dom與javascript的關系 -我們用JavaScript對網頁（HTML）進行的所有操作都是通過DOM進行的

兩種得來來講都對標記組織程序員 tro sdn 一，什麽是DOM (參考源http://www.cnblogs.com/chaogex/p/3959723.html) DOM是什麽 DOM全稱為The Document Object Model，應該理解為是一個

js控制html標籤轉換

例如 label標籤設定點選事件轉換成input 方案：因為不能直接修改標籤名所以換種思路，新建個標籤，原標籤屬性值賦值給新標籤，移除原標籤，加上新標籤核心程式碼1 複製： var old = docume

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

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

web前端學習（四）JavaScript學習筆記部分（7）-- JavaScript DOM物件控制HTML元素詳解

1、方法 getElementsByName() 獲取name 可以獲取一個數組型別資料（引數加引號） getElementsByTagName() 獲取元素 getAttribute()

JS獲取Html標籤屬性的兩種方法

用JS獲取Html標籤屬性用JS獲取Html標籤屬性有兩種方法：如Web開發 JS程式碼： var ka=document.getElementByI d(“link”); alert(ka.getAttribute(“id”)); alert(ka.id)

HTML標籤屬性主體結構

什麼是HTML? HTML是用來描述網頁的一種語言 HTML 指的是超文字標記語言: HyperText Markup Language HTML 不是一種程式語言，而是一種標記語言標記語言是一套標記標籤 (markup tag) HTML 使用標記標籤來描述網頁 HTML 文件包含了HTML 標籤及

用Javascript，DHTML控制表格的某一列的顯示與隱藏

-i div doc bootstra lns fill 成功 oot ini <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1

從零開始的全棧工程師——js篇2.17（屬性和節點獲取）

DOM 一、節點樹狀圖 Document>documentElement>body>tagname 二、常用的節點型別元素節點（標籤）文字節點（文字節點）屬性節點（標籤裡的屬性）三、document有個屬性叫nodeType 返回的是數字 1代表元

PHP+MySQL開發小專案的集合筆記（四）控制div的排列和p標籤，從另外表讀取加工資料並規定小數點位數

需求：HTML頁面增加註釋，div盒子控制曲線大小，多個盒子相互巢狀。具體資料從另外表內獲取。 HTML頁面更改：

HTML5標籤屬性和事件控制代碼

HTML5元素通用屬性表 class、id、lang、style、title accesskey、 contenteditable、contextmenu、dir、 draggable、hidden、spellcheck、tabindex HTML5元素

用正則表示式匹配HTML標籤

一款比較好用的JS時間控制元件-laydate

一款比較好用的JS時間控制元件-laydate 　　官方講解：http://laydate.layui.com/ 　　具體的內容請看官方講解，此處僅說名應用：　　1、在jsp或html或其他中引入laydate.js 　　　　<script src="……/laydate/l

如何處理HTML標籤屬性

當我們對頁面進行操作的時候，常常需要對HTML標籤屬性(tag attribute)進行處理，這包括獲取某個標籤屬性的值，或者對某個標籤屬性的值進行設定。在jQuery裡我們可以通過.attr()的方法來實現。 1. 獲取標籤屬性的值 (演示) 語法：$('選定目標').attr('屬性名') 例子如下：

TextView新增Html標籤屬性

前言：最近寫一個列表，UI設計的效果是將一串字串分段以不同的字型、顏色、大小顯示到View中，開始想法是這樣，在佈局多開幾個TextView分別設定不同的格式就行了，但是同事說有其他更簡潔的辦法（使用Html標籤)。突然感覺恍然大悟，之前也用過幾次Html標籤，

js動態新增html標籤函式中的引數寫法

js動態新增html標籤，此html中包含onclick等事件，必然要引用函式，那麼函式中的引數如何寫？ 1，function showi(m){ alert(m); } function change(){ var x=6; document.write('<a

JS動態建立HTML標籤

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t

js動態新增HTML標籤

function addElement_imageText(img,title,source,view_count,publish_time,url,article_type,newsid,category_chn){ /*var reconmendDiv = do

用javascript(js）控制html標籤的屬性和內容

相關推薦