国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

javaScript與vue獲取元素的方法

2年前作者：小宛碎碎冰分類：Toy博客閱讀(20)違法舉報

這篇具有很好參考價值的文章主要介紹了javaScript與vue獲取元素的方法。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。

javaScript

1 根據(jù)ID獲取

2 根據(jù)標簽名獲取

3 通過HTML5新增的方法獲取

vue獲取元素及兄弟元素，父級元素

javaScript

1 根據(jù)ID獲取

get 獲得 element 元素 by 通過

返回的是一個元素對象

document.getElementById('ID');

2 根據(jù)標簽名獲取

get 獲得 element 元素 by 通過 Tag標簽 Name名字

返回帶有指定標簽名的對象的集合以偽數(shù)組的形式存儲

document.getElementsByTagName('標簽名');

3 通過HTML5新增的方法獲取

document.getElementsByClassName('類名') 需要加下標因為class可以有多個元素

querySelector('?') 參數(shù)是css選擇器，只能返回一個元素（最上面的元素）

querySelectorAll('?') 參數(shù)是css選擇器，會返回全部該選擇器集合通過下標獲取單個元素

vue獲取元素及兄弟元素，父級元素

先添加ref

	<div class="" ref="divBox">

獲取對象

let a = this.$refs.divBox

獲取父、子、兄弟節(jié)點方法

var b = a.childNodes; 獲取a的全部子節(jié)點
var c = a.parentNode; 獲取a的父節(jié)點
var d = a.nextSbiling; 獲取a的下一個兄弟節(jié)點
var d = a.nextElementSibling; 獲取a的下一個兄弟節(jié)點
var e = a.previousSbiling;獲取a的上一個兄弟節(jié)點
var e = a.previousElementSibling;獲取a的上一個兄弟節(jié)點
var f = a.firstChild; 獲取a的第一個子節(jié)點
var g = a.lastChild; 獲取a的最后一個子節(jié)點

?文章來源地址http://www.zghlxwxcb.cn/news/detail-477384.html

到了這里，關(guān)于javaScript與vue獲取元素的方法的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符，請點擊違法舉報進行投訴反饋，一經(jīng)查實，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費用

JS javascript 點擊鼠標鼠標事件獲取元素獲取元素Xpath
js代碼，鼠標在頁面點擊時，記錄元素的Xpath 代碼： ?
2024年02月15日
瀏覽(31)
javaScript:DOM元素的獲?。o態(tài)/動態(tài)獲取）
目錄一.dom元素獲取的意義與使用場景? 使用場景（絕大多數(shù)js操作都需要dom操作）總結(jié)/疑問解答！? 二.DOM元素獲取的常用方法（重點）獲取dom元素（動態(tài)） document.gerElementbyId() document.gerElementsBytagName() document.gerElementsByclassName() document.gerElementsByname()通過name屬性查找元素獲
2024年02月09日
瀏覽(46)
JavaScript---獲取、修改DOM元素
1. 獲取元素 1.1.? 獲取第一個元素，一個HTMLElement對象，可以修改 ? document.querySelector(\\\'css選擇器\\\')? ? 1.2. 獲取多個元素，一個HTMLElement對象，不可以修改，得到的是偽數(shù)組 document.querySelectorAll(\\\'css選擇器\\\') ? 2.?操作元素內(nèi)容 2.1. 元素.innerText? ? ? 只顯示純文本，不解析標簽?
2024年02月15日
瀏覽(21)
javaScript中對象使用遍歷渲染鍵值對取值，Vue的{{}}中寫方法獲取值。
?類似于這樣的數(shù)據(jù)有若干條，我們希望展示的方式為我的朋友： ? ? ? ? 陪我同眠的床伴【熊貓：花花，狗熊：阿壯】此時在代碼中的應(yīng)該如果來寫？ {{?item[Object.keys(item)[0]]?}}?會顯示數(shù)組元素的值，而?(Object.keys(item)[0])?會顯示數(shù)組元素的鍵。 i tem[Object.keys(item)[0]]會根
2024年01月17日
瀏覽(17)
javaScript：如何獲取html中的元素對象
目錄前言：方法 1.通過id獲取元素 2.通過標簽名獲取元素 3.通過類名class獲取元素 ?獲取body的方法 1.document.getElementsByTagName(\\\'body\\\')[0] 2.document.body 相關(guān)代碼 ? ? ? ? ?通過獲取HTML中的元素對象，JavaScript可以對網(wǎng)頁進行動態(tài)交互、更新、響應(yīng)用戶操作、處理表單數(shù)據(jù)、動態(tài)加載
2024年02月13日
瀏覽(32)
layui中使用JavaScript監(jiān)聽下拉框（select）的變化，根據(jù)選中的值來決定是否顯示或隱藏input元素
HTML和CSS用于設(shè)置網(wǎng)頁的基本結(jié)構(gòu)和樣式，而JavaScript則用于實現(xiàn)交互功能，比如根據(jù)下拉框的選項來控制input元素的顯示或隱藏。以下是一個簡單的例子，使用JavaScript監(jiān)聽下拉框（select）的變化，然后根據(jù)選中的值來決定是否顯示或隱藏input元素： HTML: JavaScript: 在這個例子中
2024年02月04日
瀏覽(28)
JavaScript基礎(chǔ)(27)_內(nèi)聯(lián)樣式的獲取和修改、獲取元素當(dāng)前顯示的樣式
內(nèi)聯(lián)樣式的獲取和修改獲取元素的內(nèi)聯(lián)樣式：修改元素的內(nèi)聯(lián)樣式：注意： 1、如果CSS的樣式名中含有-，這種名稱在JS中是不合法的，會被認為是運算符-，因此，需要將這種樣式名修改為駝峰命名法，去掉-，然后將-后的字母大寫。 2、內(nèi)聯(lián)樣式有較高的優(yōu)先級，所以通
2024年01月18日
瀏覽(32)
JS中常用的的選擇器，JavaScript獲取HTML標簽元素
getElementById是JavaScript中的一個DOM方法，用于根據(jù)元素的id屬性獲取HTML文檔中的元素。該方法接受一個字符串參數(shù)，即元素的id屬性值，并返回具有該id屬性值的元素。如果沒有找到匹配的元素，則返回null。以下是一個示例，演示如何使用getElementById獲取頁面中的元素：在這個
2024年02月04日
瀏覽(23)
Vue-根據(jù)角色獲取菜單動態(tài)添加路由
如果大家寫過后臺管理系統(tǒng)的項目，那么動態(tài)路由一定是繞不開的，如果想偷懶的話，就把所有路由一開始都配置好，然后只根據(jù)后端返回的菜單列表渲染就好菜單就好了，但是這樣的隱患就是我在地址欄輸入的地址的時候，也會進入這個頁面，不偷懶的方法就是本文要介紹
2024年01月24日
瀏覽(23)
JavaScript 刪除數(shù)組中指定元素(5種方法)
在 JavaScript 中，數(shù)組是一種常見的數(shù)據(jù)類型，可以存儲多個元素。有時候，我們需要從數(shù)組中刪除某些特定的元素。本文將介紹如何使用 JavaScript 刪除數(shù)組中指定的元素。 JavaScript 中的 splice() 方法可用于在數(shù)組中添加或刪除元素。如果我們需要刪除數(shù)組中的元素，可以使用
2024年02月12日
瀏覽(22)