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

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

用到j(luò)s修改html的class屬性值，歸納總結(jié)下一獲取class屬性值var value = $ div attr class 這里獲取class屬性值var array=valspli；用CCS，導(dǎo)入外部樣式表 新建目錄css，目錄中新建外部stylecss文件ltstyle type=quottextcssquot imgwidthquot200pxquot pfontsize20px ltstyle 在導(dǎo)入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，填充問題基礎(chǔ)代碼2在indexhtml中的ltscript標(biāo)簽，輸入js代碼$#39#txt#39val#39添加值#39$#39#txt#39attr#39data#39，#39test#393瀏覽器運行indexhtml頁面，此時input元素成功被添加了值和屬性。

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

html的script標(biāo)簽設(shè)置

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

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

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

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

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

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