記事のディレクトリ
1.DOMメソッド
-
getElementById( )
IDでドキュメントノードを取得 -
getElementsByTagName( )
タグ名でドキュメントノードを取得する
宝物ネットワークを例にとると
、次のコードを使用し、リンクを指定されたURLに置き換えて
もう一度クリック亲,请登录
すると、指定されたWebページにジャンプします。
var node = document.getElementById('J_LoginInfoHd'); //获取指定id的元素节点
var list = node.getElementsByTagName('a'); //获取该节点所有标签<a>的子节点
list[0].href = 'https://blog.csdn.net/Bob_ganxin?spm=1011.2124.3001.5343'; //将第一个子节点的href替换成指定链接
安全提示:不要乱点不清楚的链接
2.要素ノードの属性を取得します
getAttribute( )
.属性
属性のコンテンツを取得および変更するために上記で使用した方法。要素ノードの属性を取得するためにも使用できgetAttribute( )
ます。
var node = document.getElementById('J_LoginInfoHd'); //获取指定id的元素节点
var list = node.getElementsByTagName('a'); //获取该节点所有标签<a>的子节点
var href = list[0].getAttribute('href') //获取第一个节点的href属性
console.log(href); //打印链接
3.ノード属性を変更します
setAttribute( )
setAttribute( )
メソッドはノード属性を変更できます
var node = document.getElementById('J_LoginInfoHd'); //获取指定id的元素节点
var list = node.getElementsByTagName('a'); //获取该节点所有标签<a>的子节点
list[0].setAttribute('href', 'https://blog.csdn.net/Bob_ganxin?spm=1011.2124.3001.5343') //修改第一个节点的href属性
このコードは、1と同じ効果があります。