求助：Twitter嵌入时间线data-tweet-limit属性失效问题

Twitter官方已废弃data-tweet-limit属性，直接设置该属性不再生效，可通过以下两种方式实现限制推文数量的需求：

• 改用API初始化方式配置
  替换原有嵌入代码，通过Twitter widgets API初始化时间线，在配置参数中指定tweetLimit。示例代码如下：

  <div id="twitter-timeline"></div>
  <script>
    window.twttr = (function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0],
        t = window.twttr || {};
      if (d.getElementById(id)) return t;
      js = d.createElement(s);
      js.id = id;
      js.src = "https://platform.twitter.com/widgets.js";
      fjs.parentNode.insertBefore(js, fjs);
  
      t._e = [];
      t.ready = function(f) {
        t._e.push(f);
      };
  
      return t;
    }(document, "script", "twitter-wjs"));
  
    twttr.ready(function() {
      twttr.widgets.createTimeline(
        {
          sourceType: "list",
          ownerScreenName: "TwitterDev",
          slug: "national-parks"
        },
        document.getElementById("twitter-timeline"),
        {
          width: 350,
          tweetLimit: 6,
          chrome: "noheader noborders noscrollbar transparent",
          partner: "tweetdeck"
        }
      );
    });
  </script>
  

• 通过CSS隐藏超出推文
  若不想修改嵌入逻辑，可利用CSS选择器定位并隐藏第7条及以后的推文。示例代码如下：

  .twitter-timeline .timeline-Tweet:nth-child(n+7) {
    display: none;
  }
  

  注意：该方法依赖Twitter嵌入的DOM结构，若官方更新类名可能失效。

内容的提问来源于stack exchange，提问作者Albenzo