我如何得到一个引用我的HTML元标签

How do I get a reference to one of my HTML meta tags?

本文关键字:引用 一个 我的 HTML 标签 何得      更新时间:2023-09-26

我有一个元标签,像这样在我的ASP。. NET MVC视图:

<meta name = "currentRequestAbsoluteUri" 
 content="@Url.Content(HttpContext.Current.Request.Url.AbsoluteUri)" />

使用JavaScript或jQuery,我如何读取这个元标签的值?

我可以用JavaScript来做,但它很长:

var element = 
document.getElementByName('currentRequestAbsoluteUri');
// And then how do I get its content property
// like this?
// var content = element["content"]

等等,我甚至不确定HTML DOM API是否有这个函数来获取它的名字。

我也可以使用jQuery,但jQuery使用的是sizzle, CSS选择器引擎,我不知道如何获得像meta这样的元素,因为它既没有id也没有CSS类

你可以使用css属性选择器。点击这里阅读更多内容。

你可以在JS中使用querySelector来使用css属性选择器。点击这里阅读更多内容。

var meta  = document.querySelector("meta[name='currentRequestAbsoluteUri']");
var value = meta.content;

您可以使用document.getElementsByTagName()。它返回一个类似数组的HTMLCollection,其中包含DOM中的所有元标记。然后可以遍历它以获得对元标记的引用。每项

var metaTags = document.getElementsByTagName('meta');
var metaTagsArray = Array.prototype.slice.call(metaTags);
metaTagsArray.forEach(function(metaTag){
  var metaTagName = metaTag.name;
  var metaTagContent = metaTag.content;
});

您可以选择使用slice将其转换为数组以访问本地数组方法,如forEach