.js中獲取元素的方法(js獲取元素方法)
1.js獲取元素方法
js獲取元素方法有：
1、getElementById ：根據(jù)指定的 id 屬性值得到對象。返回 id 屬性值等于 sID 的第一個對象的引用。假如對應的為一組對象，則返回該組對象中的第一個。
2、getElementsByName:getElementsByName(name)該方法與 getElementById（) 方法相似，但是它查詢元素的 name 屬性，而不是 id 屬性。
另外，因為一個文檔中的 name 屬性可能不唯一（如 HTML 表單中的單選按鈕通常具有相同的 name 屬性），所以getElementsByName（) 方法返回的是所有匹配元素組成的數(shù)組，而不是一個元素。
3、getElementsByTagName:getElementsByTagName（) 方法會使用指定的標簽名返回所有的元素（作為一個節(jié)點列表），這些元素是您在使用此方法時所處的元素的后代。
getElementsByTagName（) 可被用于任何的 HTML 元素
如果把特殊字符串 "*" 傳遞給 getElementsByTagName（) 方法，它將返回文檔中所有元素的列表，元素排列的順序就是它們在文檔中的順序。
傳遞給 getElementsByTagName（) 方法的字符串可以不區(qū)分大小寫。
2.js獲取元素方法
js獲取元素方法有：1、getElementById ：根據(jù)指定的 id 屬性值得到對象。
返回 id 屬性值等于 sID 的第一個對象的引用。假如對應的為一組對象，則返回該組對象中的第一個。
2、getElementsByName:getElementsByName(name)該方法與 getElementById（) 方法相似，但是它查詢元素的 name 屬性，而不是 id 屬性。另外，因為一個文檔中的 name 屬性可能不唯一（如 HTML 表單中的單選按鈕通常具有相同的 name 屬性），所以getElementsByName（) 方法返回的是所有匹配元素組成的數(shù)組，而不是一個元素。
3、getElementsByTagName:getElementsByTagName（) 方法會使用指定的標簽名返回所有的元素（作為一個節(jié)點列表），這些元素是您在使用此方法時所處的元素的后代。getElementsByTagName（) 可被用于任何的 HTML 元素如果把特殊字符串 "*" 傳遞給 getElementsByTagName（) 方法，它將返回文檔中所有元素的列表，元素排列的順序就是它們在文檔中的順序。
傳遞給 getElementsByTagName（) 方法的字符串可以不區(qū)分大小寫。
3.JS獲取網(wǎng)頁中HTML元素的幾種方法分析
常用以下幾種方式：
<div id="mued" class="mued"></div>
<script>
//通過DOM標簽獲取，會選擇頁面上所有的DIV標簽
var divObj = document.getElementsByTagNames("div");
//通過ID獲取，具有唯一性
var divObjId = document.getElementsById("mued");
//通過Class獲取，會選擇頁面上所有CLASS名為mued的DOM標簽
var divObjClass = document.("mued");
//如果使用jQuery庫，相對來說比較簡單
var jDiv = $("div");
var jDivId = $("#mued");
var jDivClass = $(".mued");
</script>
4.Javascript獲取Html界面元素的幾種方法
getElementById()
// 通過ID來取得元素，所以只能訪問設置了ID的元素，比如說有一個DIV的ID為docid:
//
// 那么就可以用getElementById("docid")來獲得這個元素。
getElementsByName()
// 通過NAME來獲得元素，DOCUMENT中元素的NAME可以重復，如果一個文檔中有兩個以上的標// 簽NAME相同，那么getElementsByName（)就可以取得這些元素組成一個數(shù)組。
// 比如有兩個DIV:
//
//
// 那么可以用getElementsByName("docname")獲得這兩個DIV，用getElementsByName("docname")[0]訪問第一個DIV。getElementsByTagName()
// 通過TAGNAME（標簽名稱）來獲得元素，一個DOCUMENT中會有相同的標簽，所以這個方法也是取得一個數(shù)組。
// 可以用 getElementsByTagName("div")來訪問它們，用getElementsByTagName("div")[0]訪問第一個 DIV，用getElementsByTagName("div")[1]訪問第二個DIV。
5.javascript怎么獲取元素的所有內(nèi)容
試一下 ContentEditable 這個屬性。
看一下這個 Demo:
HTML5 Demo: ContentEditable
5demos.com/contenteditable
相關(guān)代碼：
1
2
3
4
5
6
vareditable = document.getElementById('editable');addEvent(editable, 'blur', function() {
// lame that we're hooking the blur event
localStorage.setItem('contenteditable', this.innerHTML);
document.designMode = 'off';});addEvent(editable, 'focus', function () {
document.designMode = 'on';});if (localStorage.getItem('contenteditable')) {
editable.innerHTML = localStorage.getItem('contenteditable');}
不過，建議用JQuery比較好，而且簡單，Jquery有個屬性，直接可以獲取當前元素的所有子元素
6.js中關(guān)于獲取元素屬性的方法（object.style.width）
改成w=w.offsetWidth;
js獲取Html元素的實際寬度高度
第一種情況就是寬高都寫在樣式表里，就比如#div1{width:120px；}。這中情況通過#div1.style.width拿不到寬度，而通過#div1.offsetWidth才可以獲取到寬度。
第二種情況就是寬和高是寫在行內(nèi)中，比如style="width:120px；"，這中情況通過上述2個方法都能拿到寬度。
小結(jié)，因為id.offsetWidth和id.offsetHeight無視樣式寫在樣式表還是行內(nèi)，所以我們獲取元素寬和高的時候最好用這2個屬性。注意如果不是寫在行內(nèi)style中的屬性都不能通過id.style.atrr來獲取。
現(xiàn)在的前端制作很少直接把樣式寫style里了，都是寫在樣式表里。如果你要獲取的樣式?jīng)]有相對應的（就像#div1.style.width對 應#div1.offsetWidth），就只能分別針對不用瀏覽器來獲取樣式表的屬性了，可以試著搜索“JS 獲取樣式屬性”之類的。
7.Javascript獲取Html界面元素的幾種方法
getElementById（) // 通過ID來取得元素，所以只能訪問設置了ID的元素，比如說有一個DIV的ID為docid：// // 那么就可以用getElementById("docid")來獲得這個元素。
getElementsByName（)// 通過NAME來獲得元素，DOCUMENT中元素的NAME可以重復，如果一個文檔中有兩個以上的標// 簽NAME相同，那么getElementsByName（)就可以取得這些元素組成一個數(shù)組。// 比如有兩個DIV：// // // 那么可以用getElementsByName("docname")獲得這兩個DIV，用getElementsByName("docname")[0]訪問第一個DIV。
getElementsByTagName（)// 通過TAGNAME（標簽名稱）來獲得元素，一個DOCUMENT中會有相同的標簽，所以這個方法也是取得一個數(shù)組。// 可以用 getElementsByTagName("div")來訪問它們，用getElementsByTagName("div")[0]訪問第一個 DIV，用getElementsByTagName("div")[1]訪問第二個DIV。
