Javascript 更改元值

Question

我目前正在使用 google plus 按钮。google plus 返回的值基于我的 head 标签上的 meta 中包含的内容

我有一个列表要使用 g+1 提交，但它在标签下，这就是为什么我无法更新将要发布在 google plus 上的内容

这些是我的代码

<meta itemprop="name" content="<?=$content?>">
<meta itemprop="description" content="<?=$description?>">
<meta itemprop="image" content="http://mysite/image.png">

这些线下面是

    <div> content to submit by g+1
        <div class='g-plusone' data-size='medium' data-annotation='none'></div>
    </div>

    <div> content to submit by g+1
        <div class='g-plusone' data-size='medium' data-annotation='none'></div>
    </div>

    <div> content to submit by g+1
        <div class='g-plusone' data-size='medium' data-annotation='none'></div>
    </div>

 etc.

我如何使用 javascript，以便每当鼠标悬停在 google plus 按钮上时，我都可以更新我的 meta 上的值是多少？

喜欢

<div onmouseover='change_meta(x)' class='g-plusone' data-size='medium' data-annotation='none' ></div>

我已经知道如何在 javascript 函数上传递参数。我想知道的是，我需要在该函数中包含什么才能更新元值。

<script language="JavaScript">
function change_meta(x) {
   what do i need to do here?
}
</script>

Answer 1

您在浏览器上更改的任何元标记都不会被从您的服务器读取 html 的任何人获取。您需要更改服务器上的元标记才能生效，除非相关站点使用的是实际读取标记当前内容的小书签。您使用的格式似乎是谷歌专有的 microdata format

也就是说，如果您需要更改标签，您可以这样做

var metas = document.getElementsByTagName("meta");

然后循环查找你想要的标签:

for (var i=0; i<metas.length; i++) {  
  if (metas[i].getAttribute("itemprop") && 
      metas[i].getAttribute("itemprop")==="description") {
    metas[i].setAttribute("content","new description");
  }
}