第三章
1.dom操作
訪問節點
使用getelement系列方法訪問指定節點
getelementbyid()、getelementsbyname()、getelementsbytagname()
根據層次關係訪問節點
節點屬性
屬性名稱
描述parentnode
返回節點的父節點
childnodes
返回子節點集合，childnodes[i]
firstchild
返回節點的第乙個子節點，最普遍的用法是訪問該元素的文字節點
lastchild
返回節點的最後乙個子節點
nextsibling
下乙個節點
previoussibling
上乙個節點
element屬性
屬性名稱
描述firstelementchild
返回節點的第乙個子節點，最普遍的用法是訪問該元素的文字節點
lastelementchild
返回節點的最後乙個子節點
nextelementsibling
下乙個節點
previouselementsibling
上乙個節點
2.操作節點
操作節點的屬性
getattribute("屬性名")
setattribute("屬性名","屬性值")
名稱描述
createelement( tagname)
建立乙個標籤名為tagname的新元素節點
把b節點追加至a節點的末尾
insertbefore( a,b )
把a節點插入到b節點之前
clonenode(deep)
複製某個指定的節點
刪除和替換節點
名稱描述
removechild( node)
刪除指定的節點
replacechild( newnode, oldnode)
屬性attr 用其他的節點替換指定的節點
操作節點樣式
style屬性
// 語法
// html元素.style.樣式屬性＝"值"
// 示例
document.getelementbyid("titles").style.color="#ff0000";
document.getelementbyid("titles").style.fontsize="25px ";
// 語法
// html元素.classname=「樣式名稱」
// 示例
function over()
function out()
.cartover
.cartlistout
//語法：
//html元素.style.樣式屬性;
// 示例
alert(document.getelementbyid("cartlist").display);
//語法：
元素,null).屬性;
// 示例
var cartlist=document.getelementbyid("cartlist");
alert(document.defaultview.getcomputedstyle(cartlist,null).display);
//語法：
//html元素. currentstyle.樣式屬性;
// 示例
alert(document.getelementbyid("cartlist").currentstyle.display);
//語法
document.documentelement.屬性;
屬性描述
offsetle
返回當前元素左邊界到它上級元素的左邊界的距離，唯讀屬性
offsettop
返回當前元素上邊界到它上級元素的上邊界的距離，唯讀屬性
offsetheight
返回元素的高度
offsetwidth
返回元素的寬度
offsetparent
返回元素的偏移容器，即對最近的動態定位的包含元素的引用
scrolltop
返回匹配元素的滾動條的垂直位置
scrollleft
返回匹配元素的滾動條的水平位置
clientwidth
返回元素的可見寬度
clientheight
返回元素的可見高度
假期作業8
第八章 1.樣式操作 css 獲取和設定樣式 addclass 追加樣式 removeclass 移除樣式 toggleclass 切換樣式 2.內容操作 html 操作 text 內容操作 val 屬性值操作 3.節點操作 查詢節點 建立節點元素 插入節點 刪除節點 替換節點 複製節點 4.屬性操...
假期作業9
第九章 1.表單基本驗證技術 減輕伺服器的壓力 保證輸入的資料符合要求 2.表單選擇器 語法描述 示例 input 匹配所有input textarea select和button 元素 myform input 選取表單中所有的input select和button元素 text 匹配所有單行文字...
假期作業19
第七章 1.網頁布局 標準文件流 指元素根據塊元素或行內元素的特性按從上到下，從左到右的方式自然排列。這也是元素預設的排列方式 標準文件流組成 塊級元素 block h1 h6 p div 列表 內聯元素 inline span a img strong 2.display屬性值說明 block 塊...