如何在使用javascript(或jquery)生成新的元标记之前检查现有元标记？

Question

我正在开发一个创建基本SEO标签的小部件,这些标签可能已存在于页面上,所以我想确保小部件在生成新标签之前检查现有标签.

例如,窗口小部件生成的标记之一是

<meta name="description" content="Description of the webpage"/>

由于此标记是大多数页面已有的标记,有没有办法在编写之前使用javascript检查标记？

Answer 1

这是普通的Javascript解决方案(没有库):

使用以下命令检查元描述元素: document.querySelector("meta[name=description]");

如果找到,请使用访问其content属性.getAttribute("content").

演示:

if(document.querySelector("meta[name=description]")){

  if(document.querySelector("meta[name=description]").getAttribute("content") === "Description of the webpage")

    console.log("meta description with content 'Description of the webpage' found");
    // do something

}
else{

  console.log("meta description not found");
  // do something

}

<meta name="description" content="Description of the webpage"/>

阅读:

• 如何检查可见DOM中是否存在元素？
• 如何使用javascript从元标记中获取信息？

资源