Question

我想定位iframe并更改样式属性。我试图将这段JavaScript代码挂接到我的wordpress函数中。php似乎不起作用...有什么想法吗？

<?php
function video_hook_javascript() {
    ?>
        <script>
        function myFunc(){
         document.getElementById('#widget2').style += "width:1500px; height:1500px;";

    }
        </script>
    <?php
}
add_action('wp_head', 'video_hook_javascript');

?>

enter image description here

Answer 1

您链接的图像上iframe的ID为gamma，而不是widget2。

如果您使用的是jQuery，这将是正确的id选择器。

尝试首先使用开发者控制台并验证您的代码。

编辑：

使用它进行测试。如果边框变成红色，请再次删除#widget2。

border:1px solid #ff0000;

Answer 2

请在您的functions.php文件中使用以下代码。

<?php add_action('wp_head',function(){ ?><script>(function($){$(document).ready(function(){$('#widget2').css({width:'1500px',height:'1500px'});});}(jQuery));</script><?php }); ?>

如何在iframe元素中更改样式属性

2 个答案: