javascript - 我想编辑从外部源加载的页面元素
问题描述
几乎在页面加载完成后，Kayako 侧载了一个聊天信使。编辑此聊天信使中加载的任何内容的 css 样式的最佳方法是什么？
例如，打开visakhi.kayako.com，几秒钟后，它会在右下角加载聊天信使。如果你打开信使，它有一个按钮，上面写着“开始对话”，我如何编辑字体或为这个元素添加自定义 css 样式？
解决方案
例如
$('.edit-messenger-btn').click(function(){
$('.messenger-btn').css('font-family' , 'sans-serif').css('font-weight', 'bold').css('color', 'red');
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<body>
<button class="messenger-btn">start a conversation</button>
<button class="edit-messenger-btn">edit</button>
</body>
</html>