Question

请教个问题,如何获取a标签和font标签内的内容并做相应修改?

直接通过document.getElementsByClassName("work-list")或document.getElementById("development-icon")获取到的内容为null.截图:

Answer 1

你这个只是做了拼接字符串，并没有追加到页面里，所以页面里没有这些元素，所以获取不到，另外，获取的时候应该在追加动作之后。
根据你的写法，你的a标签的id会重复，不建议使用。如果获取某一个a标签，可以写成'<a id="development-icon"'+i+' class=........，使得id唯一，如果你是获取全部a元素，你可以根据样式或者元素获取

追问

我在后面是有正常追加到页面中的,只是代码太多没贴出来
tpl += ' ';
cldbox.innerHTML = tpl;
document.querySelector(opt.el).appendChild(cldbox);
如果id像你说的动态加的,那我怎么获取全部a元素的值?

追答

这个应该在你追加之后写，你是先获取再追加，获取不到的

如果你要是获取全部的a，你可以参照根据样式获取呀

追问

我这样获取到的值document.getElementsByClassName("work-list");打印出来是[object HTMLCollection].这是集合对吧?我遍历或者这样也拿不到值document.getElementsByClassName("work-list")[0];该怎么获取所有的值呢?

追答

我对原生的js不是很熟悉,网上说document.getElementsByClassName
IE8以下不支持，要是取值的话，应该是document.getElementsByClassName("work-list")[0].innerHtml吧，document.getElementsByClassName("work-list")[0]是一个元素。
我平时用的jquery，遍历的话例如：$(".work-list").each(function(index){
console.log($(this).html());
});

追问

var lists = document.getElementsByClassName("work-list")[0].innerHTML;这样会报错"Uncaught TypeError: Cannot read property 'innerHTML' of undefined",我私信你了