Question

我的老板很疯狂，所以我必须做一些奇怪的事情。

我在wordpress上有shareaholic Plug-in。由于该插件没有像＃34;喜欢＆＃34;按钮，我把它包含在代码直接形式Facebook：

<!--  Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.  -->

<div id="fb-root"></div>

<script>
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&appId=xxxxxxxxxxxx&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>   

<!-- Place the code for your plugin wherever you want the plugin to appear on your page. -->    

<div class="fb-like" data-href="http://www.example.com" data-layout="button" data-action="like" data-show-faces="false" data-share="true"></div>

像蛋糕一样容易，只需将代码放在我想要的地方。所以，我把它放在Shareaholic按钮上面。换句话说，首先是喜欢按钮，然后在下一行，共享按钮

当然，我的老板不喜欢它，他希望所有按钮都在一条直线上。

我看看插件并不简单，所以我希望通过javascript修改标签并使用按钮添加代码，使用＆＃34; fb-like＆＃34;标签名称。

然而，Wordpress标签名称有两个措辞。例如：

<body class="home page page-id-7 page-template-default logged-in admin-bar no-customize-support">
 ....
 ....
 <div class="shareaholic-share-buttons-wrapper shareaholic-ui">
 ...
 </div>
 ...
</body>

我如何引用该标签名称？

代码（在Javascript中）：

var node = document.getElementsByTagName("shareaholic-share-buttons-wrapper")[0];
alert (node);

显示空警报对话框（而不是带有＆＃39; null＆＃39;消息或[对象]的警告对话框）

诅咒，代码：

var node = document.getElementsByTagName("shareaholic-share-buttons-wrapper shareaholic-ui")[0];
alert (node);

由于getElementsByTagName未定义，因此无法工作。

所以，我不知道我做错了什么，我无法拨打我想要的标签。 Firebug给我这条css的路径，我想附加新代码：

html.firefox 
body.home 
div#art-main 
div.art-sheet 
div.art-layout-wrapper 
div.art-content-layout 
div.art-content-layout-row 
div.art-layout-cell 
article#post-7.art-post 
div.art-postcontent 
div.shareaholic-canvas 
div.shareaholic-share-buttons-container 
div.shareaholic-share-buttons-wrapper 
ul.shareaholic-share-buttons 
li.shareaholic-share-button 
div.shareaholic-share-button-container 
a 
span.share-button-verb b

如何在wordpress中通过javascript（或jquery）使用appendChild（）在 li.shareaholic-share-button 标签中创建新的div？我如何用getElementsByTagName引用它？

Answer 1

您正在使用标记选择器的类名。

您的代码应为

var node = document.getElementsByTagName("div")[0];

由于你还在问号标签中包含了jquery，让我们看一下jquery的精彩内容

你需要包括

var node = $(".shareaholic-share-buttons-wrapper");

就多个类选择器而言：

var node = document.querySelector(".shareaholic-share-buttons-wrapper.shareaholic-ui");

再次jquery方式：

var node = $(".shareaholic-share-buttons-wrapper.shareaholic-ui");

GetElementsByTagName和两个措辞的Wordpress类标签

1 个答案: