1. 程式人生 > >js獲取元素的標籤名

js獲取元素的標籤名

有時候我們想獲取到一個標籤的名稱,例如:<div>a</div>得到“div”。請看下面的例子:

頁面上有一個class="a"的標籤,可能是input,也可能是普通的div或者是span標籤,現在我們要往這個標籤加一個值“value1”。如果是input則將其value屬性設定為value1,div則將其innerHTML設定為value1.如何實現呢……

如果純js實現如下:

//找到這個標籤的程式碼略 this 代表找到的標籤物件

if(this.localName=="input"||this.localName=="textarea"){

    this.value="value1"

}else{

    this.innerHTML="value1";

}

使用jquery實現如下:

if($(this)[0].tagName=="input"||$(this)[0].tagName=="textarea"){

    $(this).val(valueOut);

}else{

    $(this).html(valueOut);

}

但有個問題就是 ie返回的標籤名稱是大寫的,所以保險起見 我們再寫一個 忽略大小寫的判斷相等的函式:

var equalsIgnoreCase=function(str1, str2) {

    if (str1.toUpperCase() == str2.toUpperCase()) {

        return true;

    }

    return false;

};

if(equalsIgnoreCase($(this)[0].tagName,"input")||equalsIgnoreCase($(this)[0].tagName,"textarea")){

    $(this).val(valueOut);

}else{

    $(this).html(valueOut);

}

相關推薦

js獲取元素標籤

有時候我們想獲取到一個標籤的名稱,例如:<div>a</div>得到“div”。請看下面的例子: 頁面上有一個class="a"的標籤,可能是input,也可能是普通的div或者是span標籤,現在我們要往這個標籤加一個值“value1”。如果是in

js封裝獲取元素(className)的方法

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head

js獲取元素顯示隱藏的當前狀態

當前 jquery blog script 獲取 pre one log class js獲取元素顯示隱藏的當前狀態 // CSS var display = $("."+cls).css("display"); if(display == "none

通過js獲取class類的函數封裝

clas ret -1 .class class urn getclass ++ 不同 通過className獲取元素,不同的瀏覽器會有不同的支持情況,所以為了兼容各個瀏覽器在這裏,我寫了幾個函數獲取className的值 function byclass(classn){

原生js獲取元素樣式值

應該 eight current document 疑惑 行內樣式 lin script 輸出 在學習js初期,就一直有一個疑問,獲取元素樣式的值,不是直接使用obj.style.left之類的就可以得到了嗎?可是使用這樣的方式,有的時候能夠獲取得到,有的時候又不能獲取,

js獲取元素,窗口的寬度、高度

獲取 order margin window document 元素 wid top borde alert($(window).height()); //瀏覽器時下窗口可視區域高度 alert($(document).height()); //瀏覽器時下窗口文檔的高度 a

js獲取元素下所有子元素總寬度賦值給父元素

網上 () func back 賦值 click button article ack 這個問題是今天在網上看到有人提的。 想要獲取#box下面所有div的寬度之和,然後賦值給#box,不論加多少個div,#box的寬都會隨著div的增加而改變。 <styl

JS獲取元素樣式之style、currentStyle、getComputedStyle

在js中獲取元素的樣式屬性大多都是用ele.style.attr這種方式,但是這種方式是有侷限性的,該方法只能獲取到行內樣式,獲取不了外部樣式。 如果要想獲取元素的外部樣式,可以選用currentStyle屬性和getComputedStyle屬性,但這兩個屬性不能設定樣式,只能獲取樣式,

原生js獲取元素的子元素

//使用firstChild //但是下面這種因為有空格,也算其子元素 <lable> <span id="onlinePerson" name="person" onclick="changeImg(this)" > <img id="im

通過js獲取td標籤的text、html、innerhtml三者的區別

注意innerhtml是原生的js的用法。 text、html是jQuery的用法,原生的js語法是沒有text、html這種用法的。 原生的innerhtml = jQuery的html() html()獲取的是id=?的標籤如<td id="test"><a>

JS獲取元素任意屬性值

相容程式碼: //獲取元素的任意屬性值 //ele是要獲取的元素,attr為要獲取的屬性 function getStyle(ele,attr){ return window.getComputedStyle?window.getComputedStyle(ele,null)[a

js獲取select標籤選中的值

var obj = document.getElementByIdx_x(”testSelect”); //定位id var index = obj.selectedIndex; // 選中索引 var text = obj.options[index].text

原生 JS 獲取元素的尺寸和位置

關於元素的尺寸和位置,這原本是 CSS 乾的事,但更多的時候需要用 JavaScript 來獲取這些引數,比如一個很好的例子 js 實現的圖片瀑布流。 在介紹 JS 中的例子之前,先來說明一下 css 中的元素尺寸。 CSS 中的 width 和 height

js獲取li標籤下的p標籤或者a標籤的值

例如:(點選編輯按鈕,獲取admin 的值)                  <li class="role_oli">                     <p class="user_enable">admin</p>  

原生js獲取select標籤選中值

this.selectedIndex; // 選中的索引 this.options[_index].text; // 選中的文字 this.options[_index].value; // 選中的值

JQuery 之選擇器 & 過濾器 獲取元素 標籤物件

JQuery 幾種選擇器 和過濾器 獲取標籤物件 和元素 一、常用選擇器 (一)★★基本選擇器 #ID 選擇器 : 通過id屬性值查詢標籤物件 .class 選擇器 : 通過class屬性值查詢標籤物件 element 選擇器

js獲取元素在頁面的位置

很多時候,我們需要獲取元素在頁面的位置! 我們需要明白的是: 元素在頁面的位置=該元素相對瀏覽器視窗的位置+瀏覽器滾動條的值 我們可以先用getBoundingClientRect()方法來獲得某個元素相對瀏覽器視窗的位置 {這個方法返

JS獲取元素屬性和自定義屬性

昨天有同事問我,怎麼獲取自定義元素的屬性,我意識到這個確實是個 問題,所有總結一下自己的心得。 獲取元素的屬性分為兩種型別: 1-獲取元素常見的屬性(class,id,type,

Js刪除元素標籤問題

問題:刪除ul標籤下的li 第一種:ul.innerHtml = "";  這隻會刪除標籤,不會刪除便籤下的事件。 第二種: for(var i = 0;len = ul.chldren.length;i<len;i++){    ul.removeChild(

JS獲取input標籤的text值、JS獲取下拉框內容、input控制只能輸入數字等問題彙總

1、在js中如何獲取input標籤的text值 var cgsl = document.getElementsByName("cgsl")[0].value; jsp原始碼為: <span> </span><tr><spa