怎么给多个href设置不同的属性
时间: 2023-12-21 15:06:45 浏览: 16
在HTML中,一个元素只能有一个"href"属性,如果需要给多个链接设置不同的属性,可以创建多个<a>标签,每个标签分别设置不同的"href"属性和其他属性。例如:
```html
<a href="https://example.com" target="_blank">Link 1</a>
<a href="https://google.com" target="_self">Link 2</a>
<a href="https://facebook.com" target="_blank">Link 3</a>
```
在上面的示例中,有三个<a>标签分别指向不同的URL,并设置不同的"target"属性,这样用户单击每个链接时就会打开不同的页面。
相关问题
js 获取标签中多个 href
要获取标签中多个 href 属性,可以使用以下代码:
```javascript
var links = document.querySelectorAll('a[href]');
var hrefs = [];
for(var i = 0; i < links.length; i++) {
hrefs.push(links[i].getAttribute('href'));
}
console.log(hrefs);
```
这段代码使用 `querySelectorAll` 方法选择所有带有 href 属性的 a 标签,然后使用循环将每个标签的 href 属性添加到一个数组中,并最终打印该数组。
如果有多个href,如何取出全部href
如果在HTML源码中有多个`href`,你可以使用正则表达式或HTML解析器来获取所有`href`的值。
使用正则表达式的方法已经在前面的回答中给出了示例代码,这里再提供一种使用HTML解析器的方法。以HtmlAgilityPack为例,以下是一个示例代码,用于从HTML源码中提取所有链接:
```
Dim htmlCode, doc, links, link
htmlCode = "<html><body><a href='http://www.example.com'>Example 1</a><a href='http://www.example2.com'>Example 2</a></body></html>"
Set doc = CreateObject("HtmlAgilityPack.HtmlDocument")
doc.LoadHtml(htmlCode)
Set links = doc.DocumentNode.SelectNodes("//a[@href]")
For Each link In links
WScript.Echo link.Attributes("href").Value '输出链接
Next
```
在这个例子中,我们使用HtmlAgilityPack库来解析HTML源码,并使用XPath表达式选择所有带有`href`属性的`<a>`标签。然后,我们遍历所有选中的`<a>`标签,并访问它们的`href`属性值。
需要注意的是,如果HTML源码中有多个`href`,你需要根据实际情况来编写正则表达式或XPath表达式来选择和提取所有`href`的值。