javascript - 如何在 Twitter 上分享 span 的内容?

标签 javascript html css

我需要通过 Twitter 分享 ID 为“randomSpan”的 span 内容。这可能吗? 到目前为止,我已经有了生成引号的 html 和函数。

<div id="wrapper">
  <h1>RANDOM QUOTES</h1>
  <span id="randomSpan">Click the button</span>
  <button id='getRandom' onclick="randomQuote();">CLICK FOR A QUOTE</button>
  <a href="https://twitter.com/share" class="twitter-share-button" {count} data-url="goo.gl/udj2qQ" data-text="blabla">Tweet</a>
  <script>
    ! function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0],
        p = /^http:/.test(d.location) ? 'http' : 'https';
      if (!d.getElementById(id)) {
        js = d.createElement(s);
        js.id = id;
        js.src = p + '://platform.twitter.com/widgets.js';
        fjs.parentNode.insertBefore(js, fjs);
      }
    }(document, 'script', 'twitter-wjs');
  </script>
</div>

CodePen

最佳答案

更新

设法得到这样的东西,但它共享整个数组而不是元素

codePen

HTML

 <a id="twitter"><i class="fa fa-twitter"></i></a>

JS

document.getElementById("twitter").innerHTML =
    "<a href='https://twitter.com/intent/tweet?text=" + aQuote + "&hashtags=randomQuote' target='_blank'>\
        <i class='fa fa-twitter'></i></a>"

关于javascript - 如何在 Twitter 上分享 span 的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35963106/

相关文章:

css - 如何仅对包装 Flexbox 中除第一个和最后一个元素之外的所有元素设置边距

javascript - 确定函数是否在代理处理程序中被访问或调用

javascript - 如何在angular-4.x中使用类似于ng-container的选择器

javascript - 表达 basicAuth : Async vs Syn

html - 滚动页面时如何为纯 CSS 中的部分设置动画?

javascript - js中重置计算器输入框以便下一步操作

html - 如果 IE 语句不起作用

html - 如何在当前编码中添加第三列?

javascript - 如何在循环中创建动态对象?

html - Bootstrap 菜单无法正确折叠