当前位置：文江博客话题详情

将锚标记附加到列表 html

发布于 2024-12-09 20:35:07 字数 633 浏览 0 评论 0原文

在我的 javascript 中我试图

1）新建一个li标签

2）创建一个新的a（锚标记）

3）将anchor标签附加到li标签上

4）设置锚标记的文本（以便有人可以点击它）

5）为锚标记设置onClick事件函数（在4）中单击时调用）

6) 将 li 标签附加到 div

这是我的代码：

var newLi = document.createElement('li');
var newA = document.createElement('a');
newLi.appendChild(newA);
//newA.href='#';
newA.innerText = "转到这里";
newA.onClick = 函数(){
                      // 在这里做一些事情
              }
document.getElementById('map_canvas').appendChild(newLi);

显然它不起作用，我看到的只是页面上的项目符号（如下所示），没有文本和可单击文本（用于锚标记）

;

原文

In my javascript am trying to

1) make a new li tag

2) make a new a (anchor tag)

3) append the anchor tag to li tag

4) set the text for anchor tag (so that someone can click on it)

5) set onClick event function for anchor tag (to be called when click is made in 4))

6) append the li tag to a div

And here is my code :

var newLi = document.createElement('li');
var newA = document.createElement('a');
newLi.appendChild(newA);
//newA.href='#';
newA.innerText = "Go here";
newA.onClick = function(){
                      // do something here
              }
document.getElementById('map_canvas').appendChild(newLi);

Obviusly it is not working and all I see is Just the bullets(as below) on my page with no text and clickable text (for anchor tags) <li> <li>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

鼻尖触碰 2024-12-16 20:35:07

只需使用 innerHTML 而不是 innerText

回复收藏 0 原文

七禾 2024-12-16 20:35:07

我建议使用 .innerHTML 代替 .innerText，并且最好创建一个函数：

function listLinks(listId, url,text){

    var linkList;
    if (document.getElementById(listId)) {
        linkList = document.getElementById(listId);
    }
    else {
        linkList = document.createElement('ul');
        document.body.appendChild(linkList);
    }
    var newA = document.createElement('a');

    newA.innerHTML = text;
    newA.href = url;
    newA.onclick = function(){
        this.style.color = '#f00'; // or whatever...
        return false;
    };

    var newLi = document.createElement('li');

    newLi.appendChild(newA);

    linkList.appendChild(newLi);
}

// call as:
listLinks('links','http://google.com/','Google');

JS Fiddle 演示。

I'd suggest using .innerHTML in place of .innerText, and ideally creating a function:

function listLinks(listId, url,text){

    var linkList;
    if (document.getElementById(listId)) {
        linkList = document.getElementById(listId);
    }
    else {
        linkList = document.createElement('ul');
        document.body.appendChild(linkList);
    }
    var newA = document.createElement('a');

    newA.innerHTML = text;
    newA.href = url;
    newA.onclick = function(){
        this.style.color = '#f00'; // or whatever...
        return false;
    };

    var newLi = document.createElement('li');

    newLi.appendChild(newA);

    linkList.appendChild(newLi);
}

// call as:
listLinks('links','http://google.com/','Google');

JS Fiddle demo.

回复收藏 0 原文

~没有更多了~