1首先打開hbuilder軟件新建一個html文件，在html頁面上創(chuàng)建一個點擊的button按鈕2然后為button添加點擊時創(chuàng)建一個新的div事件使用“documentcreateElement”創(chuàng)建一個新的div，接著使用innerHTML對新建的div設置內容，最后把div放到body顯示3在html里為button按鈕添加宇哥點擊創(chuàng)建div的事件，完成；需要準備的材料分別有電腦html編輯器瀏覽器1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltscript標簽，輸入js代碼#39body#39append#39ltdiv id=quotaquot style=quotcolorbluequotdiv內容ltdiv#393瀏覽器運行indexhtml頁面，此時div以及它的id屬性和顏色屬性。

用JS獲取Html標簽屬性有兩種方法如lta id=quotlinkquot href=quot title=quot測試quotblogname=quot前端開發(fā)quotWeb開發(fā)lta JS代碼var ka=documentgetElementByI dquotlinkquotalertkagetAttributequotidquotalertkaid兩種方法都能彈出a標簽的ID屬性，但從各瀏覽器兼容上來說用kaid的；使用JS的documentgetElementByIdquotIDquotinnerHTML獲取標簽內容修改的只需在后面加上quot=quot即可實例演示如下一HTML的DOM設計1設計兩個DIV，其中第一個div放入入一些文字2設計css樣式如下，為了區(qū)分明顯，加了border3此時的頁面展示如下二函數功能的設計和綁定1設計函數，實現。

用到js修改html的class屬性值，歸納總結下一獲取class屬性值var value = $ div attr class 這里獲取class屬性值var array=valspli；用CCS，導入外部樣式表 新建目錄css，目錄中新建外部stylecss文件ltstyle type=quottextcssquot imgwidthquot200pxquot pfontsize20px ltstyle 在導入stylecssltstyle type=quottextcssquot import urlquotcssstylecssquotltstyle。

var imgs = documentgetElementsByTagName#39img#39for var i = 0 i lt imgslength i++ var img = imgsi if ！imggetAttribute#39src#39 = #39#39；1首先，打開html編輯器，新建html文件，例如indexhtml，填充問題基礎代碼2在indexhtml中的ltscript標簽，輸入js代碼$#39#txt#39val#39添加值#39$#39#txt#39attr#39data#39，#39test#393瀏覽器運行indexhtml頁面，此時input元素成功被添加了值和屬性。

1新建一個html文件，命名為testhtml2在testhtml文件內，創(chuàng)建一個div模塊，并設置其id屬性為mydiv，用于下面使用js獲得標簽對象3在testhtml文件內，在div標簽內，填寫一段文字，并加入一個span標簽4在testhtml文件內，創(chuàng)建一個button按鈕，按鈕名稱為“獲取html”5給button綁定on。

html的script標簽設置

第一步，創(chuàng)建靜態(tài)頁面vtexthtml，修改title顯示的內容并引入vuejs，第二步，在body標簽元素內插入兩個span元素，在第一個span綁定vtext指令，第二個span中插入message，第三步，編寫JS代碼，綁定數據源message，第四步，預覽靜態(tài)頁面vtexthtml，發(fā)現message還是一樣，未變成賦的值，第。

第一種lt outprintlnquotlttablelttrlttdlttdlttrlttablequot 第二種由于content中的內容是以HTML形式存儲的，所以在頁面顯示的時候，會將一些HTML標簽原封不動的顯示出來查看頁面的源代碼，發(fā)現這些標簽已經被解析成了轉義符為了解決這個問題，在ltcout標簽中有一個escapeXml屬性，其。

* * 取得對應類和標簽的HTML元素 * clsName給定類名 * tagName給定的HTML元素，如果為任意 tagName=#39*#39 * * function getElementsByClassNameclsName， tagName var ClassElements = selElements = documentgetElementsByTagNametagName for var i = 0 i lt sel。

首先，把CSS和JS標簽style屬性對照表了解了 CSS 和 JavaScript 標簽 style 屬性對照表 盒子標簽和屬性對照 顏色和背景標簽和屬性對照 樣式標簽和屬性對照 文字樣式標簽和屬性對照 文本標簽和屬性對照 CSS語法不區(qū)分大小寫JavaScript語法區(qū)分大小寫 border border borderbottom borderBottom border。

DOM節(jié)點的nodeType屬性表示該節(jié)點的類型，不同類型對應不同的數字HTML標簽在DOM樹中被表示為1，因此可以判斷HTML標簽類型3使用instanceof關鍵字判斷是否為HTMLElement對象HTMLElement是JavaScript中表示HTML元素的一個接口，可以使用instanceof判斷該元素是否為HTMLElement對象需要注意的是，以上方法獲取到。

首先，把CSS和JS標簽style屬性對照表了解了CSS 和 JavaScript 標簽 style 屬性對照表盒子標簽和屬性對照 CSS語法不區(qū)分大小寫 JavaScript語法區(qū)分大小寫border border borderbottom borderBottom borderbottomcolor borderBottomColor borderbottomstyle borderBottomStyle border。