嗨，我正在尝试添加一个样式标签到嵌入的twitter时间轴的头部，这样我就可以改变一些样式，我已经写了css并添加到一个样式标签中。我的计划是使用jquery将其注入到iframe中，但似乎没有工作。
window.setTimeout(function () {
$('#twitter-widget-0')
.contents()
.find('head')
.append(
'<style>div.css-1dbjc4n > section[aria-label="Timeline"] > div{display: grid !important;grid-template-columns: 1fr 1fr 1fr;}.css-1dbjc4n.r-140t1nj.r-qklmqi.r-1cbz2o1 {display: none;}.css-1dbjc4n.r-14lw9ot.r-1ets6dv.r-1q9bdsx.r-rs99b7.r-1udh08x {border: none;}.css-1dbjc4n.r-140t1nj.r-qklmqi {border: solid 1px #e3e6f0;border-radius: 10px;margin: 10px;box-shadow: 0 0.15rem 1.75rem 0 rgb(58 59 69 / 25%) !important;}</style>'
)
$('#twitter-widget-0').css('height', '600px')
console.log("twitter styling bits")
}, 15000);当高度变为600px时，它会找到iframe和它的id，但是样式标记没有添加到头部？
编辑
iframe如下所示（还没有把整个事情作为它的twitter时间轴和相当大），我只是想插入的东西到头部标签。
<iframe id="twitter-widget-0" scrolling="no" frameborder="0"
allowtransparency="true" allowfullscreen="true" class="" style="position:
static; visibility: visible; width: 1092px; height: 600px; display: block;
flex-grow: 1;" title="Twitter Timeline" src="...">
<html lang="en" dir="ltr" style="overflow-y: scroll; overscroll-behavior-y:none;">
<head>
...
</head>
</iframe>
1条答案
按热度按时间gjmwrych1#
如果您没有对iFrame源的访问权限，则不可能操作iframe的内容。