使空<;a></a>;标签可见或添加一些文本或样式与CSS或Javascript或PHP?
我正在使用一些原始代码,并将其显示在一个独立的PHP页面中 原始代码具有锚,锚是空标记。像这样:使空<;a></a>;标签可见或添加一些文本或样式与CSS或Javascript或PHP?,javascript,php,html,css,Javascript,Php,Html,Css,我正在使用一些原始代码,并将其显示在一个独立的PHP页面中 原始代码具有锚,锚是空标记。像这样: <a name="general-example-2.json"></a> <a name="another-general-example.json"></a> 唯一不变的是,所有这些锚都有一些随机的“名称” 我如何使这些锚以任何方式可见或可点击 我无法控制原始代码,因此无法在那里执行任何操作 选项1:是否可以使用一些CSS/Javascri
<a name="general-example-2.json"></a>
<a name="another-general-example.json"></a>
唯一不变的是,所有这些锚都有一些随机的“名称”
我如何使这些锚以任何方式可见或可点击
我无法控制原始代码,因此无法在那里执行任何操作
选项1:是否可以使用一些CSS/Javascript使这些空标记可见或显示一些默认图像或链接文本
选项2:您希望链接以何种方式可见 作为方形块:
a{
显示:块;
宽度:10px;
高度:10px;
背景:红色;
}
用于将文本应用于所有:
let els = document.querySelectorAll("a");
for (let i = 0; i < els.length; i++) {
els[i].innerHTML = "THIS IS AN ANCHOR ELEMENT";
}
let els=document.querySelectorAll(“a”);
for(设i=0;i
我没有太多时间,也不确定我是否完全理解您的问题,但我真诚地希望这能有所帮助。您可以通过name属性设置元素的样式,并通过::after伪类添加内容(在这种情况下,名称需要在“中”,因为在名称中,通常不需要):
尝试此操作,仅对空链接有效(删除if语句以处理所有链接)
window.onload=函数(){
var links=document.getElementsByTagName('a');
对于(var i=links.length-1;i>=0;--i){
if(links[i].innerHTML==“”){
links[i].innerHTML=links[i].getAttribute(“名称”);
}
}
}
显示您的相关代码请尝试编辑一个不属于锚定标记引用超链接的代码。它需要围绕某些内容(文本、图像、div、任何对象)。仅拥有一个
将不起任何作用,因为锚定只会说“当单击我体内的对象时,转到此链接。”“。如果您希望它只是一个空白,那么请使用一个设置了宽度/高度的空白div。您能否澄清您希望看到的输出?有什么特别的吗?还有-你已经尝试过什么css?你说的“空标签”是什么意思?没有文本的元素?这基本上也是我要建议的,为什么循环会倒退?我很好奇。最近,我的回答也使用了querySelectorAll而不是getElementsByTagName,你的回答更为明智
a[name="general-example-2.json"] {
position: relative;
display: block;
width: 200px;
height: 1em;
background-color: red;
}
a[name="general-example-2.json"]::after {
content: "Hello";
}
<script>
window.onload = function () {
var links = document.getElementsByTagName('a');
for (var i = links.length - 1; i >= 0; --i) {
if(links[i].innerHTML == ""){
links[i].innerHTML = links[i].getAttribute("name");
}
}
}
</script>