Question

我想获取图片网址http://www.bornholmstidende.dk/images/logo.gif。我在字符串中有html代码，因此我无法使用document.getMeta。

以下是我的HTML代码：

<meta property="og:title" content="Kunst og hverdag" />
<meta property="og:description" content="Foredraget er det første af fem, der holdes på Bornholms Kunstmuseum" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.bornholmstidende.dk/?Id=26502" />
<meta property="og:image" content="http://www.bornholmstidende.dk/images/logo.gif" />

Answer 1

如果您可以使用jQuery，您可以使用它从HTML字符串创建DOM片段，使用选择器定位节点并获取属性：

$(your_meta_string).find('meta[property="og:image"').attr('content')

编辑：如果您不能使用jQuery，请使用正则表达式：

var match= /<meta property="og:image" content="(.*)" \/>/.exec(your_meta_string)
if (match) console.log(match[1])

match如果找不到null，Array如果找到，0是整个元标记而1只是{的值content {1}}属性。

Answer 2

function getMetaImage(){
  var metas = document.getElementsByTagName('meta');
  for(var i=0;mLen=metas.length;i<mLen;i++){
    if(metas[i].getAttribute('property').toLowerCase() == 'og:image'){
      return metas[i].getAttribute('content');
    }
  }
  return null;//or empty string if you prefer
}

Javascript - 无法提取字符串？

2 个答案: