Может кто-нибудь помочь мне с рабочими примерами gregjacobs/Autolinker.js
Я пытаюсь сделать текстовые ссылки на странице активными гиперссылками. Каждый раз, когда новые текстовые ссылки добавляются на страницу через форму, мне требуется повторный запуск сценария atolink, поэтому вновь добавленные текстовые ссылки также становятся активными гиперссылками без перезагрузки всей страницы.
Это форма
2 ответа
Решение
Это потому что document.getElementById( 'testing' )
возвращается null
.. и вы пытаетесь получить innerHTML
нулевого объекта..
Он возвращает ноль, потому что ваш скрипт загружен раньше <div id="testing">
, Переместите скрипт под ним, и он будет работать..
Попробуйте разместить скрипт до окончания тега body. Проблема в том, что скрипт выполняется еще до того, как тег будет отображен. Нечто подобное должно помочь.
<html>
<head></head>
<body>
<div id="testing">
http://www.test.com
<br> @test
<br> #test
<br>
</div>
<script src="./dist/Autolinker.js"></script> <------ Also place the library at the end
<script type="text/javascript">
var myTextEl = document.getElementById('testing');
myTextEl.innerHTML = Autolinker.link(myTextEl.innerHTML);
</script>
</body>
</html>