javascript動(dòng)態(tài)判斷html元素并執(zhí)行不同的操作
更新時(shí)間:2014年06月16日 15:38:35 投稿:whsnow
在javascript中對(duì)觸發(fā)事件的元素進(jìn)行判斷,然后執(zhí)行不同的操作,下面是具體的實(shí)現(xiàn),需要的朋友可以學(xué)習(xí)下
在javascript中為了針對(duì)不同的元素執(zhí)行不同的操作,需要在javascript中對(duì)觸發(fā)事件的元素進(jìn)行判斷,然后執(zhí)行不同的操作。
例子:
html
<input type='button' name='updatemetal' value='修改' onclick='getmetalid(this)'>
<input type='button' name='deletemetal' value='刪除' onclick='getmetalid(this)'>
javascript
<script type="text/javascript">
function getmetalid(input) {
metalid = input.parentNode.parentNode.firstChild.innerHTML;
if(input.getAttribute("value") == '修改'){
damicsubmit(metalid);
}else if(input.getAttribute("value") == '刪除'){
damicsubmit2(metalid);
}
}
</script>
獲取input的name和id屬性都不成功,但是value卻是可以的,不知道是什么原因。
參考:
var obj=document.getElementById("div1").getElementsByTagName("textarea")
for(var i=0;i<obj.length;i++)
{
if(obj[i].id=="aa")
{
alert(obj[i].innerText)
}
}
例子:
html
復(fù)制代碼 代碼如下:
<input type='button' name='updatemetal' value='修改' onclick='getmetalid(this)'>
<input type='button' name='deletemetal' value='刪除' onclick='getmetalid(this)'>
javascript
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function getmetalid(input) {
metalid = input.parentNode.parentNode.firstChild.innerHTML;
if(input.getAttribute("value") == '修改'){
damicsubmit(metalid);
}else if(input.getAttribute("value") == '刪除'){
damicsubmit2(metalid);
}
}
</script>
獲取input的name和id屬性都不成功,但是value卻是可以的,不知道是什么原因。
參考:
復(fù)制代碼 代碼如下:
var obj=document.getElementById("div1").getElementsByTagName("textarea")
for(var i=0;i<obj.length;i++)
{
if(obj[i].id=="aa")
{
alert(obj[i].innerText)
}
}
您可能感興趣的文章:
- 用js動(dòng)態(tài)添加html元素,以及屬性的簡單實(shí)例
- JavaScript動(dòng)態(tài)改變HTML頁面元素例如添加或刪除
- 通過JS動(dòng)態(tài)創(chuàng)建一個(gè)html DOM元素并顯示
- JS 動(dòng)態(tài)獲取節(jié)點(diǎn)代碼innerHTML分析 [IE,FF]
- js 動(dòng)態(tài)創(chuàng)建 html元素
- javascript與jquery動(dòng)態(tài)創(chuàng)建html元素示例
- js動(dòng)態(tài)生成Html元素實(shí)現(xiàn)Post操作(createElement)
- 詳解js的事件處理函數(shù)和動(dòng)態(tài)創(chuàng)建html標(biāo)記方法
- js 動(dòng)態(tài)生成html 觸發(fā)事件傳參字符轉(zhuǎn)義的實(shí)例
- JS簡單實(shí)現(xiàn)動(dòng)態(tài)添加HTML標(biāo)記的方法示例
相關(guān)文章
js與jquery分別實(shí)現(xiàn)tab標(biāo)簽頁功能的方法
這篇文章主要介紹了js與jquery分別實(shí)現(xiàn)tab標(biāo)簽頁功能的方法,結(jié)合實(shí)例形式對(duì)比分析了javascript與jQuery分別實(shí)現(xiàn)tab標(biāo)簽功能的操作技巧,需要的朋友可以參考下2016-11-11
JS中判斷某個(gè)字符串是否包含另一個(gè)字符串的五種方法
本文給大家?guī)鞪S中判斷某個(gè)字符串是否包含另一個(gè)字符串的五種方法,有string對(duì)象的方法,match() 方法,RegExp對(duì)象的方法,test() 方法,exec() 方法,具體內(nèi)容詳情大家參考下本文2018-05-05
WordPress中利用AJAX異步獲取評(píng)論用戶頭像的方法
這篇文章主要介紹了WordPress中利用AJAX異步獲取評(píng)論用戶頭像的方法,文中的例子是輸入郵箱即可獲取頭像,需要的朋友可以參考下2016-01-01
短視頻(douyin)去水印工具的實(shí)現(xiàn)代碼
這篇文章主要介紹了市面上短視頻(douyin)"去水印"的工具原來是這樣實(shí)現(xiàn)的,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-03-03
javascript實(shí)現(xiàn)無法關(guān)閉的彈框
本文分享了javascript實(shí)現(xiàn)無法關(guān)閉的彈框的實(shí)例代碼,感興趣的朋友可以看下2016-11-11
讓背景如此暗淡(一種彈出提示信息時(shí)頁面背景色調(diào)改變的方法)
讓背景如此暗淡(一種彈出提示信息時(shí)頁面背景色調(diào)改變的方法)...2006-10-10
JavaScript實(shí)現(xiàn)九宮格抽獎(jiǎng)功能的示例代碼
這篇文章主要為大家介紹了如何利用JavaScript實(shí)現(xiàn)九宮格抽獎(jiǎng)功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-02

