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