Получение HTML-элемента Wix в переменную iFrame - PullRequest
Новая
       13

Получение HTML-элемента Wix в переменную iFrame

0 голосов
/ 18 мая 2019

У меня есть веб-страница wix с элементом HTML на странице. Мне нужно, чтобы текст этого элемента в моем iFrame, который содержит JavaScript. Я хотел бы сохранить этот текст элемента html в качестве переменной в моем javascript iFrame.

Когда я пытаюсь выполнить приведенный ниже код, моя переменная iFrame печатается как «неопределенная» в веб-консоли. 

<script>
var myElement = document.getElementById("#text15").text;
console.log(myElement);
</script>

Ответы [ 2 ]

1 голос
/ 18 мая 2019

Функция JavaScript getElementById() получает в качестве параметра строку значения id, которую следует искать в DOM .Итак, вы ищете это: 

<div id="#text15"></div>

Чтобы найти этот элемент в DOM: 

<div id="text15"></div>

Вы можете сделать: 

var myElement = document.getElementById("text15").innerText;

Или есливам нравится использовать символ хеша при обращении к элементам из DOM, вы также можете попробовать: 

var myElement = document.querySelector("#text15").innerText;

Оба работают одинаково.А также используйте innerText, который ссылается как содержимое внутри тега.Свойство text элемента DOM, возвращаемого JavaScript, не существует.

Примечание: Вы не должны ссылаться на свои элементы DOM прямо в теге <script>.Поскольку, скорее всего, элементы не будут готовы к тому времени, когда вы их вызовите.

Попробуйте: 

<script>
window.onload = function() {
    var myElement = document.getElementById("#text15").innerText;
    console.log(myElement);
}
</script>

Посмотрите на пример обоих способов: 

var text1=document.querySelector("#myElement").innerText;
console.log(text1);

var text2=document.getElementById("myElement").innerText;
console.log(text2);
<div id="myElement">Hello!</div>
0 голосов
/ 18 мая 2019

с использованием jquery 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
  $('#inPut').click(function() {
  	var myElement = 
  		$('#text15').val();

    console.log(myElement);
    
  });
 
});		
</script>


</head>
<body>
	
		
<br>
			<input type='text' id='text15'>
				
					<button id='inPut'>Write to console</button>

<br>
	</div>

   </body>
</html>
...