HTML元素物件的clip實現可填寫的下啦列表

2021-06-15 21:44:56 字數 589 閱讀 4656

clip屬性,基本上dom物件都有這個屬性,用來剪下物件的可見範圍。

語法:html

scripting.style.clip[=sclip ] 值:

sclip

字串值,如下兩種型別:auto

預設。 顯示整個物件。

rect(top right bottom left)

4個引數設定上右下左被剪下的長度。

以object的左上角為座標原點,x軸向左,y軸向下,跟螢幕的座標系方向一致,只是移動了原點。

在這個座標系中,設定乙個clip,這個clip的top,right,bottom,left 的位置由以上幾個引數設定,在這個clip的範圍之內才可以顯示。之外的為透明。

注意:position的屬性必須為absolute。

利用這個特性,可以做既可以寫又可以選擇的下拉框。

原理就似乎利用乙個input和乙個select,將二者重合,並且剪下select,只顯示select的下拉按鈕。

**如下:12

Dom物件,控制html元素

document.getelementsbyname name 返回帶有指定名稱的節點物件的集合。document.getelementsbytagname tagname 返回帶有指定標籤名的節點物件的集合。返回元素的順序是它們在文件中的順序。node.firstchild 返回 childnod...

html元素位置,獲取物件的絕對座標

方法1 function getabspoint e alert x x y y 方法2 function getabspoint obj js中獲得視窗屬性的方法 1。獲得螢幕的解析度 screen.width screen.height 2。獲得視窗大小 document.body.client...

html元素的分類

一 html元素的分為塊級元素和行內元素 二 塊級元素和行內元素的特點 block 塊 元素的特點 總是在新行上開始 高度,行高以及外邊距和內邊距都可控制 寬度預設是它的容器的100 除非設定乙個寬度。它可以容納內聯元素和其他塊元素 inline元素的特點 和其他元素都在一行上 高和外邊距不可改變 ...