我要给动态取得body元素增加一些css样式，但不是不能给页面中的iframe中的body修改。怎么写

如果你要给页面中的iframe中的body修改[样式](https://geek.csdn.net/educolumn/24a10ad6a5bc75b9f6c92ee7d63d8e8b?spm=1055.2569.3001.10083)，可以使用以下[代码](https://geek.csdn.net/educolumn/1572ef9b473b4e00f6b2bf6d428b7c27?spm=1055.2569.3001.10083)： ```javascript // 获取iframe元素 var iframe = document.getElementById('my-iframe'); // 获取iframe中的document[对象](https://geek.csdn.net/educolumn/04c51611e4b730957464192e0307b82c?spm=1055.2569.3001.10083) var iframeDoc = iframe.contentDocument || iframe.content[window](https://geek.csdn.net/educolumn/03e5a5a554174a38fdfeb8376bd685e2?spm=1055.2569.3001.10083).document; // 获取iframe中的body元素 var iframeBody = iframeDoc.getElementsByTagName('body')[0]; // 给body元素添加样式 iframeBody.style.backgroundColor = 'red'; 如果你只想给当前页面的body元素添加样式，可以使用以下[代码](https://geek.csdn.net/educolumn/1572ef9b473b4e00f6b2bf6d428b7c27?spm=1055.2569.3001.10083)： ```javascript // 获取body元素 var body = document.getElementsByTagName('body')[0]; // 给body元素添加样式 body.style.backgroundColor = 'red'; 在这两个例子中，我们都是使用JavaScript来获取元素并修改其样式。你可以根据自己的需求来修改样式属性。