получить iframe внутри div с помощью JavaScript - PullRequest
2 голосов
/ 30 декабря 2011

Есть ли способ сделать следующее в JavaScript?

  1. получить div по имени класса,
  2. получить iframe внутри div
  3. идобавить атрибут (frameborder = 0)

<html>
    <body>
        <div class="calendar">
            <iframe></iframe>
        </div>
    </body>
</html>

Ответы [ 2 ]

6 голосов
/ 30 декабря 2011

Чтобы получить div по имени класса:

var allDivs = document.getElementsByClassName("calendar");

При условии, что есть только один

var calendarDiv = document.getElementsByClassName("calendar")[0];

Получить внутри iFrame:

var iFrame = calendarDiv.getElementsByTagName("iframe")[0];

установить атрибут:

iFrame.setAttribute("frameborder", "0"); 

Или, поскольку getElementsByClassName не поддерживается в старых версиях IE, рассмотрите возможность установки идентификатора на iFrame и просто выполните:

document.getElementById("iFrameId").setAttribute("frameborder", "0"); 
1 голос
/ 30 декабря 2011

Прежде всего, вам нужно указать свой идентификатор iframe.

После этого вы можете получить свой iframe с функцией document.getElementById (""), а затем изменить его свойство.

Например:

<html>
<body>
    <div class="calendar">
        <iframe id="myIframe"></iframe>
    </div>
    <script type="text/javascript">
        document.getElementById("myIframe").frameborder = 1;
    </script>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...