`

js -> 通过 标签 的某一个 属性值 获取另外一个 属性值

 
阅读更多

 

 

依照 

 

<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub">

 执行

 

 

document.querySelector("link[rel=search]").getAttribute("href") 

 

 

就可以获取到 /opensearch.xml

 

参考: 

 

https://stackoverflow.com/questions/9441928/how-to-get-attribute-from-a-link-tag-in-pure-javascript

 

支持的浏览器 

http://caniuse.com/#feat=queryselector

 

 

分享到:
评论

相关推荐

    【原创】获取元素标签上的所有属性值插件

    本插件名为"获取元素标签上的所有属性值插件",是一个原创作品,专为方便开发者获取HTML元素的所有属性值而设计。这个插件的核心功能是通过JavaScript操作DOM,提取元素的属性信息,这对于前端开发人员来说是一个...

    在vue项目中获取的duration属性值为NaN或者undefined.md

    在创建一个vue项目时,获取&lt;video&gt;标签中duration属性值为空或者未定义的情况,针对以上可能出现的两种情况,本文给出作者本人的一些实践成功后的方法。

    Jquery获取Select标签的值

    这行代码会返回当前选中的 `&lt;option&gt;` 元素的 `value` 属性值。 ##### 2. 获取 Select 选中的 Text 值 如果想要获取选中项的文本内容(即 `&lt;option&gt;` 标签内的文本),可以这样操作: ```javascript $("select")....

    javascript中BASE标签作用

    因此,当`&lt;a&gt;`标签中的`href`属性值为`properties/href_2.asp`时,实际访问的URL将会是`http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/href_2.asp`。 ### JavaScript与`&lt;base&gt;`标签的交互...

    jQuery获取table下某一行某一列的值实现代码

    从提供的文件内容中,我们可以提取以下关于jQuery获取表格中某一行某一列值的知识点: 1. jQuery选择器的使用:在文中,通过使用选择器 $(".div") 找到了包含多个表格的div元素。这说明了jQuery选择器用于选取页面...

    myeclipse智能提示设置总结

    在"Web" -&gt; "CSS Files"和"JavaScript" -&gt; "Editor" -&gt; "Content Assist"下,可以分别调整CSS选择器、属性和值,以及JavaScript变量、函数和库的提示设置。为了提高CSS3和JavaScript库(如jQuery)的支持,确保已...

    JS使用getComputedStyle()方法获取CSS属性值

    第一个问题是,element.style属性只能获取到直接写在HTML标签的style属性中的样式值,而无法获取通过外部样式表或内部样式表定义的样式。例如,若有一个元素通过class属性应用了样式,那么使用element.style将无法...

    js获取form表单中name属性的值

    接下来,文章中提到了使用`prop`方法,这个方法在获取属性值时与`attr`方法在行为上可能有所不同,但在这个特定场景下,由于同样是基于表单元素而非其子元素进行选择,所以可能无法直接获取到期望的name属性值。...

    js获取html的span标签的值方法(超简单)

    接下来,我们将通过JavaScript来获取这个span标签的值。首先,我们介绍第一种方法,使用`innerText`属性。`innerText`属性可以获取或设置元素内文本的纯文本内容,它会返回元素内的所有文本内容,忽略掉所有HTML标签...

    js中使用 C标签 获取request中的list的值

    对于集合中的每个元素,使用`${dpList.value}'/&gt;`和`${dpList.key}'/&gt;`来获取元素的`value`和`key`属性,然后将这些值作为参数创建一个新的`Option`对象。这个对象随后被添加到`&lt;select&gt;`元素的`options`集合中,...

    vue el-tree 默认展开第一个节点的实现代码

    该属性可以绑定一个数组,数组中的元素对应需要展开的节点的id值。 5. 实例化与数据绑定:通过Vue组件的data属性返回一个对象,该对象包含初始化树形数据(treeData)和定义展开节点id的数组(treeExpandData)。在...

    javascript获取下拉列表的值

    `&lt;select&gt;`标签用于创建一个下拉列表,其中包含多个`&lt;option&gt;`标签,每个`&lt;option&gt;`代表用户可以选择的一个选项。例如: ```html &lt;select id="mySelect"&gt; &lt;option value="option1"&gt;Option 1&lt;/option&gt; ...

    js获取某元素的class里面的css属性值代码

    标签“js 获取属性值”进一步明确了讨论的主题,即如何通过JavaScript获取CSS属性值。 在提供的代码示例中,定义了一个名为`getStyle`的函数,该函数接受两个参数:`obj`表示目标元素,`attr`表示要获取的CSS属性名...

    js获取当前时间yyyy-mm-dd-hh-mm-ss

    我们可以创建一个新的Date实例来获取当前日期和时间,然后使用各种方法来提取年、月、日、小时、分钟和秒。下面是一个详细的步骤: 1. 创建Date对象实例: ```javascript var now = new Date(); ``` 2. 获取...

    js中获取contextPath

    例如,在服务器端JSP页面中,我们可以设置一个隐藏的`&lt;script&gt;`标签,将`contextPath`作为属性值: ```jsp &lt;script type="text/javascript"&gt; var contextPath = "()%&gt;"; &lt;/script&gt; ``` 这段代码会将当前请求的`...

    select标签multiple属性的使用方法.zip

    这里的`selectName`是你`&lt;select&gt;`标签的`name`属性值。 ### 四、CSS样式与交互 为了使多选下拉列表更具吸引力和用户体验,可以使用CSS对其进行自定义。例如,可以更改其大小、颜色、边框等: ```css select...

    js中获取jsp表单中radio类型的值简单实例

    单选按钮允许用户在一组选项中选择一个值,它通常使用`&lt;input type="radio"&gt;`标签来创建,并且具有相同`name`属性的多个单选按钮共同构成一个选择组,这样可以保证用户只能选择其中一个选项。 在JSP页面中创建单选...

    javascript中读取Struts2标签datetimepicker的值.doc

    这里我们同样通过ID获取到了另一个日期时间选择器对象,并且使用`setValue`方法将其设置为之前获取的值。 #### Struts2 API中的例子 在Struts2的官方文档中,提供了多个关于`s:datetimepicker`使用的示例,这些...

    js简单获取表单中单选按钮值的方法

    在JavaScript中,获取单选按钮的值是一个基础而重要的操作。本文将介绍如何使用JavaScript简单地获取表单中单选按钮的值,并涉及到表单元素的遍历与查找技巧。 首先,单选按钮在HTML中的定义通常是使用`&lt;input&gt;`...

    vue.js 获取当前自定义属性值

    例如,如果我们有一个`&lt;h5&gt;`标签,并且想要获取其`data-id`属性值,可以在Vue组件的模板中这样使用: ```html &lt;h5 class="leftt-title" @click="getDataId" :data-id="item.id"&gt;&lt;/h5&gt; ``` 在上述代码中,`:data-id...

Global site tag (gtag.js) - Google Analytics