dom 小知識點

2021-06-04 11:06:27 字數 1510 閱讀 8691

1)classname屬性可設定或返回元素的 class 屬性。

function getclass(){

document.getelementbyid("d1").classname="bbb";

alert(document.getelementbyid("d1").classname);

2)removechild()刪除某個物件的子節點。

例1:function deltable(){

//獲得table

var tr=document.getelementsbytagname("tr");

//獲得table

var table=tr[0].parentnode;

根據table刪除tr 移除最後一行

table.removechild(tr[tr.length-1]);

例2:function deltable(did){

//did為input的id

var input=document.getelementbyid(did);

var table=input.parentnode.parentnode.parentnode;

table.removechild(input.parentnode.parentnode);

3)#aa{

cursor:pointer;//滑鼠變成手

#div{

overflow:auto;//如果內容被修剪,則瀏覽器會顯示滾動條以便檢視其餘的內容。

overflow:hidden;元素是不可見的。

visible 預設值。元素是可見的。

table{

border-collapse:collapse;

設定**的邊框是否被合併為乙個單一的邊框

border-collapse:separate 預設值。邊框會被分開。

4)function changecolor(trnode){

//alert(trnode.tagname);

//把原來的顏色,先另存一下

color=trnode.classname;

//將當前行設定為over

trnode.classname="over";

function out(trnode){

trnode.classname=color; 

4)通過js設定html背景顏色

function changecolor(color){

//設定背景顏色

document.bgcolor=color;

5)通過js設定div中文字大小大

//js函式

function changesize(size){

document.getelementbyid("content").style.fontsize=size;

//div

測試字型大小

案例:dom設定字型大小、背景顏色

大 中

小 關於******秘籍

DOM知識點補充

一 元素物件的屬性及自定義屬性的設定或獲取?物件.屬性 物件 屬性 物件.getattribute 屬性名 物件.setattribute 屬性名 屬性值 物件.removeattribute 屬性名 二 outerhtml 獲取當前元素物件及所有內容 innerhtml 設定或獲取當前元素物件內的...

js中的dom查詢小知識點

元素.getelementsbytagname 通過標籤名查詢當前元素的指定後代元素,返回陣列 元素.childnodes 獲取當前元素的所有子節點 會獲取到空白的文字子節點 元素.children 獲取當前元素的所有子元素 元素.firstchild 獲取當前元素的第乙個子節點 元素.lastch...

DOM知識點歸納一

一 節點層次 1.node型別 元素 文字 屬性節點 節點關係 childnodes 通過 和item 來訪問 parentnode previoussibling nextsibling firstchild lastchild 2.document型別 屬性 documentelement bo...