1、PBT塑料簡述

PBT（聚對苯二甲酸丁二醇酯）是一種常見的工程塑料，屬于五大工程塑料之一。是聚酯系列的一種，主要是由對苯二甲酸（PTA）和1,4-丁二醇（BDO）縮聚而成。其結(jié)構(gòu)圖如下圖所示：

1942年，德國著名科學家P· chlack研制出了全球首個PBT材料，接著美國 Celanese 公司對其進行了大面積的工業(yè)開發(fā)，并在市場之中通過Celanex這一名稱進行銷售。Eastman 公司于1971年研發(fā)出了能夠提升玻璃纖維強度的的PBT產(chǎn)品，并以PTMT的名稱投入到市場之中。隨后德國BASF、Ticona、Bayer，日本三菱化學、Toray等著名廠商也陸續(xù)開展了PBT產(chǎn)品的生產(chǎn)隊列之中。

PBT工程塑料主要具有如下性能特點：

(1)力學性能優(yōu)良，具有較高的力學強度和耐疲勞性，且具有良好的尺寸穩(wěn)定性，蠕變較小。在高溫條件下，性能變化較少。

(2) PBT工程塑料的生產(chǎn)能耗相對較低，有助于緩解能源緊缺。

(3)耐熱，耐老化，增強后的UL溫度指數(shù)保持在120℃到140℃范圍內(nèi)，且均具有良好的戶外長期老化性。

(4)具有良好的耐有機溶劑性，通常不會產(chǎn)生應力開裂現(xiàn)象。

(5)易于阻燃，能滿足UL94 V-0級要求。與阻燃劑具有良好的親和性，易于開發(fā)添加型以及反應型阻燃品級，在電子及電氣工業(yè)中得到了廣泛應用。

(6)易于二次加工以及成型加工，借助普通設(shè)備即可擠塑成型或注塑；具有較快的結(jié)晶速度和良好的流動性，模具溫度相對較低。

02、PBT下游應用

工程塑料PBT處于產(chǎn)業(yè)鏈的中下端，但仍舊屬于原料生產(chǎn)企業(yè)。生產(chǎn)工藝是由0.76的 PTA和0.43的BDO經(jīng)縮聚后制得PBT。從下游紡絲、改性以及光纜護套的需求占比分配上來看，紡絲領(lǐng)域約占49.25%，改性領(lǐng)域約占36.15%，光纜領(lǐng)域8.25%，色母粒等其他領(lǐng)域僅占6.35%。進一步的細分應用領(lǐng)域可見下圖。

在塑料加工行業(yè)中，作為工程塑料之一的PBT主要被用于汽車制造、電氣工程/電子產(chǎn)業(yè)及通用應用等方面。與其它工程熱塑性塑料相比，PBT的年增長率高于平均水平，約為7%，這使其一度成為經(jīng)濟上很吸引人的一類材料，這促使改性塑料生產(chǎn)商從技術(shù)上研究這種材料的深層次發(fā)展、控制客戶成本效益可能性的原因之一。但近兩年生物可降解塑料PBAT的火熱推進，使得原料BDO價格高居不下，PBT價格也逐漸攀升，成本上不再占有優(yōu)勢，這使得改性PBT研究更進一步走向成本控制與性能優(yōu)化的平衡把控。

03、PBT國內(nèi)外市場需求

2016-2020 年中國 PBT 下游消費量呈現(xiàn)倒“V”型趨勢。從數(shù)據(jù)上來看，PBT 下游消費量由 2016 年的 52.88萬噸增至2020年的67.64萬噸，增量 14.76萬噸。具體到年份來看，2016-2018年需求增速較高保持在14%-20%之間，這主要是得益于紡絲領(lǐng)域的增量以及固定網(wǎng)的擴建對光纖用量的增加。而 2019 年需求量卻明顯萎縮，是因為大環(huán)境低迷、中美貿(mào)易關(guān)系緊張、紡絲領(lǐng)域流行趨勢改變以及固定網(wǎng)建設(shè)完畢等多重因素導致需求量下滑。2020年需求量再度增加，很大程度是受益于紡絲、改性領(lǐng)域的需求量增加。

截至 2020年底，預計PBT下游消耗量67.64萬噸，同比增加 12.56%。而使得PBT下游消耗量增加的領(lǐng)域主要為紡絲領(lǐng)域以及改性領(lǐng)域。下半年伴隨著中國內(nèi)需的恢復以及海外訂單的增加，紡絲、改性領(lǐng)域出現(xiàn)明顯的階段性增加，最終彌補上半年的部分需求損失量。

PBT出口方面，2016-2020年 PBT出口量呈現(xiàn)增加后回落趨勢運行。伴隨著中國 PBT產(chǎn)量的增加，生產(chǎn)企業(yè)逐步開尋求海外的銷售領(lǐng)域，2016-2019年P(guān)BT出口量呈現(xiàn)逐年增加態(tài)勢，而 2020年因公共衛(wèi)生事件影響，全球經(jīng)濟一度下滑，海外需求呈現(xiàn)萎縮態(tài)勢，故使得 2020 年出口量回落。截至 2020 年底，預計PBT 出口量約 12.5 萬噸，同比減少18.35%。

關(guān)于PBT出口國家及地區(qū)，可參考下表數(shù)據(jù)。

04、PBT企業(yè)介紹及產(chǎn)能

本文整理了15家PBT國內(nèi)外生產(chǎn)企業(yè)，供讀者參考。

01

SABIC

沙特基礎(chǔ)工業(yè)公司（SABIC）是一家全球多元化化工企業(yè)，總部位于沙特利雅得。SABIC 的制造工廠遍布全球，包括美洲、歐洲、中東和亞太地區(qū)，產(chǎn)品涵蓋化學品、通用以及高性能塑料，農(nóng)業(yè)營養(yǎng)素和鋼鐵。幫助客戶在建筑、醫(yī)療設(shè)備、包裝、農(nóng)業(yè)營養(yǎng)素、電子及電器、運輸和清潔能源等關(guān)鍵終端應用領(lǐng)域發(fā)掘新的機會。2020 年，SABIC 的總產(chǎn)量達到 6080 萬公噸。SABIC 業(yè)務遍及全球逾50 個國家，擁有約 3.2 萬名員工。通過培養(yǎng)創(chuàng)新精神和獨創(chuàng)思維，在全球已經(jīng)擁有9946 項專利，并且在美國、歐洲、中東、南亞和北亞 5 個關(guān)鍵區(qū)域設(shè)有創(chuàng)新中心，擁有豐富的科研資源。

來源：SABIC

商品名：VALOX

產(chǎn)能：不完全統(tǒng)計8.5萬噸

官網(wǎng)：www.sabic.com/en

02

杜邦

杜邦是世界排名第二大的美國化工公司，杜邦于1993年收購了CibaGeigy的PBT業(yè)務以后更進一步的擴大了其PBT產(chǎn)量。2011年，杜邦和朗盛宣布計劃將其合資企業(yè)的復合能力翻番，用于生產(chǎn)PBT。

商品名：Crastin

產(chǎn)能：不完全統(tǒng)計10萬噸

官網(wǎng)：www.dupont.cn/

03

巴斯夫

全球領(lǐng)先的化工公司，業(yè)務覆蓋幾乎所有行業(yè)和每個國家。巴斯夫德國工廠擴建完成PA和PBT復合產(chǎn)能提升至70萬噸 ，Basf/Sabic（德國）是巴斯夫收購Sabic股份形成的工廠，生產(chǎn)的PBT主要用于汽車建筑以及電子和電氣行業(yè)。Basf/Toray（馬來西亞）是日本東麗株式會社與德國巴斯夫股份有限公司的50/50合資公司，已于2006年4月在關(guān)丹的新建世界級聚對苯二甲酸丁二醇酯（PBT）工廠成功開始商業(yè)化生產(chǎn)。

商品名：Ultradur?

產(chǎn)能：不完全統(tǒng)計10萬噸

官網(wǎng)：www.basf.com/cn/zh.html

04

三菱

三菱塑料由三菱瓦斯和三菱化學聯(lián)合出資于1994年成立。三菱工程塑料株式會社在PBT的生產(chǎn)中采用對鄰苯二甲酸二甲酯和1, 4-丁二醇為原材料，并使用一套完善的制造流程。Novaduran的機械性能、剛性、抗熱老化及抗藥性都非常優(yōu)越。同時成型性能、抗磨損性、著色性能、電力特性都有極好的表現(xiàn)。

特點：

o機械性能優(yōu)越

o耐熱性能優(yōu)越

o成型性能和流動性佳

o高尺寸穩(wěn)定性、低濕氣吸收率

o表面色澤表現(xiàn)佳

o耐油、耐藥性卓越

o電性能優(yōu)越

o耐摩擦和耐磨損性能優(yōu)越

o還具備阻燃性

商品名：NOVADURAN

產(chǎn)能：不完全統(tǒng)計7.0萬噸

官網(wǎng)：www.m-chemical.co.jp/cn

05

寶理

寶理塑料株式會社成立于1964年，全球知名的工程塑料供應商，主打塑料有5大類：POM、PBT、PPS、LCP和COC。

DURANEX? PBT的特點是具有耐熱性和優(yōu)異的電性能。與各種增強材料、添加劑的相容性佳，可根據(jù)客戶的需求賦予各種性能，因此可拓展出多樣化和多品種的產(chǎn)品。

商品名：DURANEX

產(chǎn)能：不完全統(tǒng)計2萬噸

06

東麗

東麗(中國)投資有限公司是東麗集團在中國發(fā)展全球化戰(zhàn)略的重要基地，成立于2002年。TORAYCON? 聚酯（PBT）樹脂被廣泛應用于連接器以及其他汽車部件、線軸、線圈盒以及其他電子電氣元件和辦公設(shè)備中的精密元件。最近，TORAYCON? 還被用于制作筷子和餐具。

商品名：TORAYCON?

官網(wǎng)：www.toray.cn

07

蘭蒂奇

蘭蒂奇集團是PA、PBT、TPE和POM的世界知名制造商，蘭蒂奇工程塑料(蘇州)有限公司成立于2006年，是蘭蒂奇集團在中國的分公司，提供各種聚酰胺熱塑性工程塑料，廣泛應用于汽車、電氣/電子、工業(yè)和消費品行業(yè)。Raditer?系列包括聚酯基質(zhì)（PBT）注塑工程塑料，適用于汽車、電氣/電子、工業(yè)和消費品行業(yè)的注塑成型。

商品名：Raditer?

網(wǎng)址：www.radiciplastics.com

08

江蘇三房巷集團有限公司

成立于1980年，現(xiàn)已發(fā)展成為以PTA、聚酯切片、滌綸纖維（短纖和長絲）、PET薄膜、紡織和工程塑料等為主體的六大產(chǎn)業(yè)集團。江陰濟化新材料隸屬三房巷集團，公司現(xiàn)有聚合生產(chǎn)線4條，年產(chǎn)PBT和PET樹脂35000噸，是國內(nèi)聚酯產(chǎn)業(yè)和紡織產(chǎn)業(yè)結(jié)合度最完整的民營企業(yè)。

產(chǎn)能：3萬噸技術(shù)

來源：連續(xù)酯化法

官網(wǎng)：www.sanfame.com

09

江蘇儀征化纖股份公司

公司成立于2000年，主要從事聚酯和滌綸纖維的生產(chǎn)及銷售，是國內(nèi)第一家采用吉瑪技術(shù)連續(xù)生產(chǎn)PBT的廠家。儀征資產(chǎn)分公司下屬3個生產(chǎn)單位。其中PBT生產(chǎn)中心主要生產(chǎn)工程塑料(PBT)，有2套裝置，產(chǎn)能9.1萬噸/年。

商品名：儀征PBT

產(chǎn)能：14萬噸

技術(shù)來源：連續(xù)酯化、日立酯化、自有技術(shù)

網(wǎng)址：ycfc.sinopec.com/ycfc/

10

營口康輝石化有限公司

康輝新材是恒力集團旗下-恒力石化股份有限公司全資子公司。依托世界一流的德國布魯克納拉膜工藝及恒力自有的聚酯合成技術(shù)，全力打造行業(yè)領(lǐng)先的雙向拉伸聚酯薄膜（BOPET）、PBT工程塑料、功能性聚酯及PBS/PBAT生物可降解塑料生產(chǎn)基地。

康輝新材PBT裝置采用德國吉瑪工藝技術(shù)和國外先進設(shè)備，裝置單線年生產(chǎn)能力為8萬噸，主要用于汽車、電子電器、工業(yè)機械、民用及工業(yè)用紡織、聚合物合金和共混工業(yè)等領(lǐng)域。

商品系列：KH系列

產(chǎn)能：12萬噸

技術(shù)來源：德國吉瑪連續(xù)酯化法技術(shù)

官網(wǎng)：www.ykkhsh.com/

11

新疆藍山屯河聚酯有限公司

藍山屯河聚酯是新疆藍山屯河科技股份有限公司的全資子公司。公司下轄聚酯、型材、新材料、能源等公司，主要產(chǎn)品PBT、EPS、PET、PBS、PVC型材等綜合生產(chǎn)能力達52萬噸/年。其中PBT、PBS、PET填補西北及中亞產(chǎn)業(yè)空白。

其中6萬噸/年P(guān)ET裝置引入德國AQUAFIL公司連續(xù)聚合工藝生產(chǎn)線和意大利SINCO公司固相增粘生產(chǎn)線，6萬噸/年P(guān)BT裝置，引進德國ZIMMER公司工程技術(shù)。

商品系列：TH系列

技術(shù)來源：德國吉瑪連續(xù)酯化

網(wǎng)址：www.lanshantunhe.com

12

江蘇和時利股份有限公司

江蘇和時利新材料股份有限公司成立于2006年，是集PBT樹脂及PBT纖維產(chǎn)品研發(fā)、生產(chǎn)、銷售于一體的高新技術(shù)企業(yè)。自成立以來，公司制定行業(yè)標準2項，已獲專利20余項。公司以PBT樹脂為基礎(chǔ)，以科技為支撐，不斷拓展產(chǎn)品應用領(lǐng)域，并授批建立了省級PBT樹脂和PBT纖維工程技術(shù)中心。

"和時利"PBT樹脂采用先進的PTA連續(xù)法工藝生產(chǎn)，產(chǎn)品具有特性粘度波動范圍窄、端羧基含量低、產(chǎn)品色澤好等特點。

商品名：和時利PBT

產(chǎn)能：7萬噸

技術(shù)來源：連續(xù)直接酯化、自有技術(shù)

官網(wǎng)：www.jsheshili.com

13

南通星辰合成材料有限公司

前身為化學工業(yè)部南通合成材料廠，創(chuàng)建于1975年，主要從事PBT基礎(chǔ)樹脂、改性工程塑料等研發(fā)。1997年整體加盟中國藍星，是中國藍星集團在我國東南沿海地區(qū)新材料研發(fā)、生產(chǎn)基地之一。是國內(nèi)擁有PBT樹脂生產(chǎn)及改性PBT生產(chǎn)的公司之一；目前公司擁有6萬噸/年P(guān)BT裝置。

產(chǎn)能：6萬噸

技術(shù)來源：德國吉瑪連續(xù)酯化

網(wǎng)址：www.lxnt.chemchina.com

14

臺灣新光合纖

新光合成纖維股份有限公司創(chuàng)立于1967年，目前全體員工總計2000名，股東總數(shù)超過17萬人，總資產(chǎn)達到412億。新光合纖產(chǎn)品涵蓋化纖和塑膠兩大類，目前塑膠產(chǎn)品營業(yè)總額55%。其改性PBT可用于電腦配件，連接器等領(lǐng)域。

商品名：Shnite

產(chǎn)能：不完全統(tǒng)計6萬噸

官網(wǎng)：www.shinkong.com.tw

15

長春化工

長春化工(江蘇)有限公司成立于2002年7月，由臺灣長春集團投資組建。長春集團于1949年創(chuàng)立，產(chǎn)品行銷世界五十余國，是臺灣名列前茅的大型綜合塑料、精細化工集團。以研發(fā)新工藝著稱，擁有各項世界專利產(chǎn)品。

目前，長春化工(江蘇)環(huán)氧樹脂年產(chǎn)能10萬噸，長春化工(盤錦)環(huán)氧樹脂年產(chǎn)能5萬噸。

商品名：Longlite

技術(shù)來源：德國吉瑪連續(xù)酯化法技術(shù)

中國PBT樹脂市場需求在未來將保持增長，市場缺口將繼續(xù)存在。但與此同時，中國還需要進口一些高端的PBT樹脂，以滿足國內(nèi)市場的需求。

05、PBT未來發(fā)展前景

前幾年，我國PBT樹脂產(chǎn)能和需求較為匹配，廠家開工率普遍能達到78%，但最近幾年，特別是2019年以來，受中美貿(mào)易摩擦影響，以及2020年疫情影響，紡織，汽車等各下游行業(yè)出口受阻，PBT行業(yè)開工率一直維持低迷，一度開工率僅有60-70%。

未來，隨著疫情逐漸緩解，國內(nèi)經(jīng)濟景氣，國際出口市場恢復，PBT下游需求也在逐漸恢復。PBT紡織領(lǐng)域的新品種不斷增加，PBT/PET混紡, PBT的FDY絲等。PBT工程塑料領(lǐng)域受益于汽車行業(yè)的增長，需求也將增長。我國近期出臺了一系列推動新能源汽車行業(yè)發(fā)展的政策，如國務院辦公廳發(fā)布的《新能源汽車產(chǎn)業(yè)發(fā)展規(guī)劃(2021~2035年)》，以及各地陸續(xù)出臺的《加快新能源汽車產(chǎn)業(yè)發(fā)展和推廣應用若干政策的通知》等。PBT在電纜光纜領(lǐng)域的增長, 主要來自根據(jù)我國5G網(wǎng)絡(luò)建設(shè)等帶動，根據(jù)《5G 經(jīng)濟社會影響白皮書》預測，至 2030 年，5G 帶動的直接產(chǎn)出和間接價值產(chǎn)出將分別達到 6.3 萬億和 10.6 萬億人民幣。

來源：生物降解材料研究院

免責聲明：所載內(nèi)容來源于互聯(lián)網(wǎng)，微信公眾號等公開渠道，我們對文中觀點持中立態(tài)度，本文僅供參考、交流。轉(zhuǎn)載的稿件版權(quán)歸原作者和機構(gòu)所有，如有侵權(quán)，請聯(lián)系我們刪除。

了Document類型之外，Element類型就要算是Web編程中最常用的類型了。Element類型用于表現(xiàn)XML或HTML元素，提供了對元素標簽名、子節(jié)點及特性的訪問。Element節(jié)點具有以下特征：
nodeType的值為1；
nodeName的值為元素的標簽名；
nodeValue的值為null；
parentNode可能是Document或Element；
其子節(jié)點可能是Element、Text、Comment、ProcessingInstruction、CDATASection或EntityReference。
要訪問元素的標簽名，可以使用nodeName屬性，也可以使用tagName屬性；這兩個屬性會返回相同的值（使用后者主要是為了清晰起見）。以下面的元素為例：
<div id="myDiv"></div>

可以像下面這樣取得這個元素及其標簽名：
var div=document.getElementById("myDiv");
alert(div.tagName); //"DIV"
alert(div.tagName==div.nodeName); //true

這里的元素標簽名是div，它擁有一個值為"myDiv"的ID。可是，div.tagName實際上輸出的是"DIV"而非"div"。在HTML中，標簽名始終都以全部大寫表示；而在XML（有時候也包括XHTML）中，標簽名則始終會與源代碼中的保持一致。假如你不確定自己的腳本將會在HTML還是XML文檔中執(zhí)行，最好是在比較之前將標簽名轉(zhuǎn)換為相同的大小寫形式，如下面的例子所示：
if (element.tagName=="div"){ //不能這樣比較，很容易出錯！
//在此執(zhí)行某些操作
}

if (element.tagName.toLowerCase()=="div"){ //這樣最好（適用于任何文檔）
//在此執(zhí)行某些操作
}

這個例子展示了圍繞tagName屬性的兩次比較操作。第一次比較非常容易出錯，因為其代碼在HTML文檔中不管用。第二次比較將標簽名轉(zhuǎn)換成了全部小寫，是我們推薦的做法，因為這種做法適用于HTML文檔，也適用于XML文檔。
可以在任何瀏覽器中通過腳本訪問Element類型的構(gòu)造函數(shù)及原型，包括IE8及之前版本。在Safari 2之前版本和Opera 8之前的版本中，不能訪問Element類型的構(gòu)造函數(shù)。

1. HTML元素

所有HTML元素都由HTMLElement類型表示，不是直接通過這個類型，也是通過它的子類型來表示。HTMLElement類型直接繼承自Element并添加了一些屬性。添加的這些屬性分別對應于每個HTML元素中都存在的下列標準特性。
id，元素在文檔中的唯一標識符。
title，有關(guān)元素的附加說明信息，一般通過工具提示條顯示出來。
lang，元素內(nèi)容的語言代碼，很少使用。
dir，語言的方向，值為"ltr"（left-to-right，從左至右）或"rtl"（right-to-left，從右至左），也很少使用。
className，與元素的class特性對應，即為元素指定的CSS類。沒有將這個屬性命名為class，是因為class是ECMAScript的保留字（有關(guān)保留字的信息，請參見第1章）。
上述這些屬性都可以用來取得或修改相應的特性值。以下面的HTML元素為例：
<div id="myDiv" class="bd" title="Body text" lang="en" dir="ltr"></div>

HTMLElementsExample01.htm
元素中指定的所有信息，都可以通過下列JavaScript代碼取得：
var div=document.getElementById("myDiv");
alert(div.id); //"myDiv""
alert(div.className); //"bd"
alert(div.title); //"Body text"
alert(div.lang); //"en"
alert(div.dir); //"ltr"

當然，像下面這樣通過為每個屬性賦予新的值，也可以修改對應的每個特性：
div.id="someOtherId";
div.className="ft";
div.title="Some other text";
div.lang="fr";
div.dir="rtl";

HTMLElementsExample01.htm

并不是對所有屬性的修改都會在頁面中直觀地表現(xiàn)出來。對id或lang的修改對用戶而言是透明不可見的（假設(shè)沒有基于它們的值設(shè)置的CSS樣式），而對title的修改則只會在鼠標移動到這個元素之上時才會顯示出來。對dir的修改會在屬性被重寫的那一刻，立即影響頁面中文本的左、右對齊方式。修改className時，如果新類關(guān)聯(lián)了與此前不同的CSS樣式，那么就會立即應用新的樣式。
前面提到過，所有HTML元素都是由HTMLElement或者其更具體的子類型來表示的。下表列出了所有HTML元素以及與之關(guān)聯(lián)的類型（以斜體印刷的元素表示已經(jīng)不推薦使用了）。注意，表中的這些類型在Opera、Safari、Chrome和Firefox中都可以通過JavaScript訪問，但在IE8之前的版本中不能通過JavaScript訪問。

元　　素類　　型

AHTMLAnchorElement

ABBRHTMLElement

ACRONYMHTMLElement

ADDRESSHTMLElement

APPLETHTMLAppletElement

AREAHTMLAreaElement

BHTMLElement

BASEHTMLBaseElement

BASEFONTHTMLBaseFontElement

BDOHTMLElement

BIGHTMLElement

BLOCKQUOTEHTMLQuoteElement

BODYHTMLBodyElement

BRHTMLBRElement

BUTTONHTMLButtonElement

CAPTIONHTMLTableCaptionElement

CENTERHTMLElement

CITEHTMLElement

CODEHTMLElement

COLHTMLTableColElement

COLGROUPHTMLTableColElement

DDHTMLElement

DELHTMLModElement

DFNHTMLElement

DIRHTMLDirectoryElement

DIVHTMLDivElement

DLHTMLDListElement

DTHTMLElement

EMHTMLElement

FIELDSETHTMLFieldSetElement

FONTHTMLFontElement

FORMHTMLFormElement

FRAMEHTMLFrameElement

FRAMESETHTMLFrameSetElement

H1HTMLHeadingElement

H2HTMLHeadingElement

H3HTMLHeadingElement

H4HTMLHeadingElement

H5HTMLHeadingElement

H6HTMLHeadingElement

HEADHTMLHeadElement

HRHTMLHRElement

HTMLHTMLHtmlElement

IHTMLElement

IFRAMEHTMLIFrameElement

IMGHTMLImageElement

INPUTHTMLInputElement

INSHTMLModElement

ISINDEXHTMLIsIndexElement

KBDHTMLElement

LABELHTMLLabelElement

LEGENDHTMLLegendElement

LIHTMLLIElement

LINKHTMLLinkElement

MAPHTMLMapElement

MENUHTMLMenuElement

METAHTMLMetaElement

NOFRAMESHTMLElement

NOSCRIPTHTMLElement

OBJECTHTMLObjectElement

OLHTMLOListElement

OPTGROUPHTMLOptGroupElement

OPTIONHTMLOptionElement

PHTMLParagraphElement

PARAMHTMLParamElement

PREHTMLPreElement

QHTMLQuoteElement

SHTMLElement

SAMPHTMLElement

SCRIPTHTMLScriptElement

SELECTHTMLSelectElement

SMALLHTMLElement

SPANHTMLElement

STRIKEHTMLElement

STRONGHTMLElement

STYLEHTMLStyleElement

SUBHTMLElement

SUPHTMLElement

TABLEHTMLTableElement

TBODYHTMLTableSectionElement

TDHTMLTableCellElement

TEXTAREAHTMLTextAreaElement

TFOOTHTMLTableSectionElement

THHTMLTableCellElement

THEADHTMLTableSectionElement

TITLEHTMLTitleElement

TRHTMLTableRowElement

TTHTMLElement

UHTMLElement

ULHTMLUListElement

VARHTMLElement
表中的每一種類型都有與之相關(guān)的特性和方法。本書將會討論其中很多類型。

2. 取得特性

每個元素都有一或多個特性，這些特性的用途是給出相應元素或其內(nèi)容的附加信息。操作特性的DOM方法主要有三個，分別是getAttribute()、setAttribute()和removeAttribute()。這三個方法可以針對任何特性使用，包括那些以HTMLElement類型屬性的形式定義的特性。來看下面的例子：
var div=document.getElementById("myDiv");
alert(div.getAttribute("id")); //"myDiv"
alert(div.getAttribute("class")); //"bd"
alert(div.getAttribute("title")); //"Body text"
alert(div.getAttribute("lang")); //"en"
alert(div.getAttribute("dir")); //"ltr"

注意，傳遞給getAttribute()的特性名與實際的特性名相同。因此要想得到class特性值，應該傳入"class"而不是"className"，后者只有在通過對象屬性訪問特性時才用。如果給定名稱的特性不存在，getAttribute()返回null。
通過getAttribute()方法也可以取得自定義特性（即標準HTML語言中沒有的特性）的值，以下面的元素為例：
<div id="myDiv" my_special_attribute="hello!"></div>

這個元素包含一個名為my_special_attribute的自定義特性，它的值是"hello!"。可以像取得其他特性一樣取得這個值，如下所示：
var value=div.getAttribute("my_special_attribute");

不過，特性的名稱是不區(qū)分大小寫的，即"ID"和"id"代表的都是同一個特性。另外也要注意，根據(jù)HTML5規(guī)范，自定義特性應該加上data-前綴以便驗證。
任何元素的所有特性，也都可以通過DOM元素本身的屬性來訪問。當然，HTMLElement也會有5個屬性與相應的特性一一對應。不過，只有公認的（非自定義的）特性才會以屬性的形式添加到DOM對象中。以下面的元素為例：
<div id="myDiv" align="left" my_special_attribute="hello!"></div>

因為id和align在HTML中是<div>的公認特性，因此該元素的DOM對象中也將存在對應的屬性。不過，自定義特性my_special_attribute在Safari、Opera、Chrome及Firefox中是不存在的；但IE卻會為自定義特性也創(chuàng)建屬性，如下面的例子所示：
alert(div.id); //"myDiv"
alert(div.my_special_attribute); //undefined（IE除外）
alert(div.align); //"left"ElementAttributesExample02.htm

有兩類特殊的特性，它們雖然有對應的屬性名，但屬性的值與通過getAttribute()返回的值并不相同。第一類特性就是style，用于通過CSS為元素指定樣式。在通過getAttribute()訪問時，返回的style特性值中包含的是CSS文本，而通過屬性來訪問它則會返回一個對象。由于style屬性是用于以編程方式訪問元素樣式的（本章后面討論），因此并沒有直接映射到style特性。

第二類與眾不同的特性是onclick這樣的事件處理程序。當在元素上使用時，onclick特性中包含的是JavaScript代碼，如果通過getAttribute()訪問，則會返回相應代碼的字符串。而在訪問onclick屬性時，則會返回一個JavaScript函數(shù)（如果未在元素中指定相應特性，則返回null）。這是因為onclick及其他事件處理程序?qū)傩员旧砭蛻摫毁x予函數(shù)值。

由于存在這些差別，在通過JavaScript以編程方式操作DOM時，開發(fā)人員經(jīng)常不使用getAttribute()，而是只使用對象的屬性。只有在取得自定義特性值的情況下，才會使用getAttribute()方法。

在IE7及以前版本中，通過getAttribute()方法訪問style特性或onclick這樣的事件處理特性時，返回的值與屬性的值相同。換句話說，getAttribute("style")返回一個對象，而getAttribute("onclick")返回一個函數(shù)。雖然IE8已經(jīng)修復了這個bug，但不同IE版本間的不一致性，也是導致開發(fā)人員不使用getAttribute()訪問HTML特性的一個原因。

想要了解更多Java基礎(chǔ)知識，可以點擊評論區(qū)鏈接和小編一起學習java吧，此視頻教程為初學者而著，零基礎(chǔ)入門篇！給同學們帶來全新的Java300集課程啦!java零基礎(chǔ)小白自學Java必備優(yōu)質(zhì)教程_手把手圖解學習Java，讓學習成為一種享受_嗶哩嗶哩_bilibili

?

大家在瀏覽網(wǎng)頁的時候，是否思考過這樣一個問題：怎樣才能制作出一個網(wǎng)頁呢？制作出一個網(wǎng)頁是很簡單的，只要知道什么是HTML并掌握HTML的基礎(chǔ)知識就可以制作出一個簡單的網(wǎng)頁，今天我就為講解HTML的入門及結(jié)構(gòu)組成。

一、什么是HTML?

1、在我們開始學習HTML之前我們需要知道什么是HTML？

HTML的全稱為Hyper Text Markup Language，中文名稱為超文本標記語言，閱覽方式為網(wǎng)頁瀏覽器，同時HTML也被稱為網(wǎng)頁。

2、一個簡單的HTML文檔

二、HTML編輯器

我們在可以使用TXT文本文檔或者專業(yè)的HTML編輯器來編輯HTML。

1、記事本

①　創(chuàng)建一個TXT文本

②　輸入HTML代碼

③　點擊文件—另存為—輸入名稱+“html”的后綴名即可得到你的第一個HTML文件。

④　然后雙擊這個文件運行。

2、專業(yè)編輯器

①　Sublime Text

②　HBuilder

③　Adobe Dreamweaver

④　CoffeeCup HTML Editor

這其中我比較推薦HBuilder這款編輯器，界面簡單，編輯起來很快。

三、HTML的組成部分

在上面的案例中我們可以看到HTML是由頭部（head）和身體（body）所組成的。

1、頭部（head）

通常包含標題（title），也就是一個網(wǎng)頁的名稱

2、身體（body）

body的部分是整個網(wǎng)頁的重要內(nèi)容部分，讓人一眼就瀏覽到這個網(wǎng)頁的內(nèi)容，可以插入文本、圖片、多媒體等內(nèi)容。

四、HTML元素

l HTML元素是指以開始標簽起始，以結(jié)束標簽終止的元素：元素內(nèi)容即為開始標簽與結(jié)束標簽之間的內(nèi)容。

l <head></head>、<body></body>、<p></p>、<h1></h2>等這些都是HTML元素，在上面的案例中就有六個元素。

l 也有部分元素只有開始標簽，例如<br>,以開始標簽的結(jié)束而結(jié)束。

五、HTML的屬性

l 一般來說HTML的屬性就是HTML元素的屬性，屬性可以在元素中添加附加信息。

l 屬性總是以名稱/值對的形式出現(xiàn)，比如：name=”value”。

l 屬性一般描述于開始標簽。

l style中會有更多的屬性。

六、HTML格式化

HTML可定義很多供格式化輸出的元素，比如粗體字和斜體字。

HTML文本格式化標簽

HTML“計算機輸出”標簽

HTML引文、引用及標簽定義

七、HTML超鏈接

超鏈接可以是圖片、文字、多媒體也可以是一個網(wǎng)址

示例：

結(jié)果：

點擊帶有下劃線的兩個字就可以進入某度的網(wǎng)站

八、HTML CSS

1、CSS是一種層疊樣式表，可以修飾html元素的樣式并可以精確地進行排版

2、CSS有三種方式：

l 內(nèi)部樣式，在HTML元素中使用“style”屬性

l 內(nèi)部樣式表，在頭部<head>區(qū)域使用<style>元素來包含CSS

l 外部引用，引用帶有后綴css的文件，示例：

如果你看到了這里，就說明你已經(jīng)打開了制作網(wǎng)頁的大門啦~