主页 / 问题 / 1069788
Accepted
Мирас Текесбаев
Asked:2020-01-14 20:00:32 +0000 UTC2020-01-14 20:00:32 +0000 UTC

如何解决innerHTML链接末尾插入<q>→</q>给定值的问题！

  • 772

大家好！有这样的任务：给出链接。加载页面时，如果链接以 http:// 开头，则在末尾添加一个箭头 →（它是这样完成的：→）。

帮助我决定如何在innerHTML-a 的末尾插入这个箭头→（这样做：→）。我的解决方案如下所示：

<a  target="_blank" href="https://www.google.com.ua">Гугл</a>
<a  target="_blank" href="https://yandex.ua/" class="Miras">Яндекс</a>
<a  target="_blank" href="https://www.rambler.ru" name="Eldar">Рамблер</a>
<a  target="_blank" href="https://www.ukr.net">УкрНет</a>
<a  target="_blank" href="http://wiki.ru">Вики</a>

    var elem = document.querySelectorAll('a');
    for ( var i = 0; i < elem.length; i++ ) {
        if (elem[i].href.indexOf('http://') === 0) {
            elem[i].addEventListener('click', show);
        }

    function show() {
        this.innerHTML = this.innerHTML + '<q>' + '&rarr;' + '</q>';
        this.removeEventListener('click', show);
    }
javascript

1 个回答

  1. Best Answer

    如果我正确理解了您问题的本质：（为什么要跟踪事件click对我来说仍然是个谜）。

    var elem = document.querySelectorAll('a');
for ( var i = 0; i < elem.length; i++ ) {
    if (elem[i].href.indexOf('http://') === 0) {
        var v = '→';
        elem[i].append(v)
    }
}
    <a  target="_blank" href="https://www.google.com.ua">Гугл</a>
<a  target="_blank" href="https://yandex.ua/" class="Miras">Яндекс</a>
<a  target="_blank" href="http://www.rambler.ru" name="Eldar">Рамблер</a>
<a  target="_blank" href="https://www.ukr.net">УкрНет</a>
<a  target="_blank" href="http://wiki.ru">Вики</a>

    如果在单击元素后有必要 - 只有在这种情况下，如果它以http://
    这样的开头，则只有他一个人可以添加箭头： 

    var elem = document.querySelectorAll('a');
for ( var i = 0; i < elem.length; i++ ) {
    if (elem[i].href.indexOf('http://') === 0) {
        elem[i].onclick = function(event) {
            let target = event.target;
            var v = '→';
            target.append(v);
        }
    }
}
    <a  target="_blank" href="https://www.google.com.ua">Гугл</a>
<a  target="_blank" href="https://yandex.ua/" class="Miras">Яндекс</a>
<a  target="_blank" href="http://www.rambler.ru" name="Eldar">Рамблер</a>
<a  target="_blank" href="https://www.ukr.net">УкрНет</a>
<a  target="_blank" href="http://wiki.ru">Вики</a>

    • 1

相关问题