久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - 問一下關(guān)于JS中this的問題。

瀏覽:157日期:2023-03-18 17:26:04

問題描述

為什么這個地方onclick事件沒有被觸發(fā)?如果是jquery中這樣可以得到當前點擊的這個li的dom對象,那JS種不能這樣使用嗎?

$(document).ready(function(){ $('ul li').click(function(){console.log($(this));//打印出當前被點擊的li的jquery對象console.log(this);//打印出當前被點擊的li的dom對象 });});

window.onload = function(){ var lis = document.getElementsByTagName('li'); lis.onclick = function(){console.log('111');console.log(this); }}

修改:

window.onload = function(){ var lis = document.getElementsByTagName('li'); Array.from(lis).forEach(function(el) {console.log('111');console.log(this); })}

<p> <ul><li></li><li></li><li></li> </ul></p>

謝謝各位,之前都用jquery,現(xiàn)在重新看看js發(fā)現(xiàn)了很多問題。這種低級錯誤以后不會再犯了,印象深刻 ^_^ 。

問題解答

回答1:

javascript - 問一下關(guān)于JS中this的問題。

能把 你有點擊觸發(fā)這個事件么? 我在 segmentFault 可以用。

不過你代碼有點小問題 getElementsByTagName 返回的是一個類數(shù)組對象

javascript - 問一下關(guān)于JS中this的問題。

應(yīng)該遍歷他 然后把給每個元素的 onclick 賦值

回答2:

不是 this 的原因。

onclick 是 DOM 的事件。但是此時的 lis 根本就不是 dom,而是 DOM 的集合。

jQuery 之所以可以處理,是因為 $('ul li') 返回的是 jQuery 對象,當在其上面調(diào)用 click 函數(shù)時,jQuery 會隱式的使用循環(huán)。

雖然 lis 很像數(shù)組,但是卻不是數(shù)組。因此可以使用 Array.from 函數(shù)把它變成真正的數(shù)組。

window.onload = function(){ var lis = document.getElementsByTagName('li'); Array.from(lis).forEach(function(el) {console.log('111');console.log(this); })}回答3:

lis = document.getElementsByTagName('li')得到的是一個數(shù)組。你應(yīng)該如何綁定事件呢?javascript - 問一下關(guān)于JS中this的問題。

回答4:

試試不要用.onclick()寫點擊事件;用addEventListener(’click’,function(){console.log(this)});添加點擊事件看看能不能觸發(fā),我懷疑是因為你拿到lis是一個數(shù)組 onclick是不是因為這個原因不行了

回答5:

第二段代碼寫的不對, lis 是一個數(shù)組,不是 dom 對象,所以設(shè)置 onclick 沒用改成這樣

window.onload = function(){ var lis = document.getElementsByTagName('li'); Array.from(lis).forEach((li) => {li.onclick = function(){ console.log('111'); console.log(this);} })}回答6:

直接用getElementsByClassName這個方法吧,把getElementsByTagName封裝了一下可以作為dom操作

function getElementsByClassName(oElm, strTagName, strClassName){ var arrElements = (strTagName == '*' && oElm.all)? oElm.all :oElm.getElementsByTagName(strTagName); var arrReturnElements = new Array(); strClassName = strClassName.replace(/-/g, '-'); var oRegExp = new RegExp('(^|s)' + strClassName + '(s|$)'); var oElement; for(var i=0; i < arrElements.length; i++){oElement = arrElements[i];if(oRegExp.test(oElement.className)){ arrReturnElements.push(oElement);} } return (arrReturnElements)}回答7:

javascript - 問一下關(guān)于JS中this的問題。如上圖,你的lis打印出來是一個對象數(shù)組,按照你的思路你應(yīng)該遍歷lis去為每個li對象綁定onclick

標簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 太谷县| 手游| 汶上县| 宝清县| 井冈山市| 江门市| 平塘县| 自贡市| 樟树市| 临潭县| 上高县| 吴旗县| 北安市| 尼玛县| 义马市| 革吉县| 安吉县| 灵川县| 察雅县| 尼玛县| 治多县| 吴桥县| 大连市| 葫芦岛市| 班玛县| 永新县| 广丰县| 泌阳县| 庆云县| 淳安县| 扶余县| 策勒县| 金川县| 宁都县| 宿松县| 绥德县| 准格尔旗| 深泽县| 张家界市| 宁都县| 吐鲁番市|