Document物件操作 樣式 屬性 效果

2022-05-03 17:00:08 字數 2818 閱讀 8222

windows物件主要是操作瀏覽器外層的東西,而dom物件是操作瀏覽器裡面的東西。

如果我們要操作網頁內容,那麼一定需要操作標籤!

document:文件物件模型→dom:可以做一些特效(搶票的)。摘出網頁的某一元素(標籤),找到他們然後增刪改。

一、找元素

1、根據id找元素

document的獲取方式:

根據id進行獲取元素的方式如下:

2、根據class獲取元素

var o_class1 = document.getelementsbyclassname("divclass");//(陣列)

3、根據標籤獲取元素

4、根據name找元素

var ss = document.getelementsbyname("ys"

) alert(ss[

0]);

name是多個也是複數。

二、操作元素

1、操作內容

①非表單元素

(1)獲取文字:innertext

(2)設定文字

(3)獲取html**

如果想要獲取div中,包括span中的所有的**:

(4)設定html**

設定html**,是可以增加動態效果的,輸出時頁面顯示效果。反之,如果使用innertext,就會將效果(加粗)同時也顯示出來了。

②表單元素

(1)賦值(設定乙個值)

var b1 = document.getelementbyid("b1"

);//

alert(value = "請輸入內容"); //提示框輸出

b1.value = "

請輸入內容

"; //網頁輸出

(2)獲取值(取值)

alert(b.value);
2、操作屬性①新增屬性(設定)

//

新增屬性

②獲取屬性

getattribute

"

idq" iid="

我在這裡

">獲取文字

③移除屬性

removeattribute

var d1 = document.getelementbyid("

idq"

); d1.removeattribute(

"iid

");

3、操作樣式①獲採樣式(只能獲取內聯樣式)js在獲採樣式時,只能獲取內聯的!其他像內嵌和外部的需要使用jquery才可以。

function showa()
②設定樣式

function ang()

建立lucene時document欄位屬性的選擇

在建立索引檔案的時候,不知道會不會有下面的疑惑 1 document欄位設定成什麼型別?2 採用什麼分詞器?3 欄位的權重設定成多少等?這些也許都是我們在建立索引檔案中經常會遇到的問題,這篇就主要說一下自己關於第乙個問題的理解 此篇是以 lucene 4.3.1 為事例,其他版本類似 個人認為,我們...

document物件詳解

document物件概述 document物件是文件的根節點,只要瀏覽器開始載入html文件,這個物件就開始存在了,它作為乙個入口去操作網頁內容,可以直接呼叫。document的屬性和方法非常多,下面我做了一些基本歸類,對於更詳細的屬性和方法查詢該 第一類 獲得節點的屬性 屬性說明 document...

Document 物件描述

htmldocument 介面對 dom document 介面進行了擴充套件,定義 html 專用的屬性和方法。很多屬性和方法都是 htmlcollection 物件 實際上是可以用陣列或名稱索引的唯讀陣列 其中儲存了對錨 表單 鏈結以及其他可指令碼元素的引用。這些集合屬性都源自於 0 級 dom...