如何阻止Javascript显示默认图像和链接的唯一文本?

如何阻止Javascript显示默认图像和链接的唯一文本?,javascript,html,Javascript,Html,下面的Javascript有一个默认图像,但是我想为这个链接显示文本“仅文本url”,而不是这个脚本默认的链接上的这个按钮。这可能吗 <div> <a href="http://mixi.jp/share.pl" class="mixi-check-button" data-key="some-data-key" data-url="http://someurl.com">only text url </a> <script type="text/jav

下面的Javascript有一个默认图像,但是我想为这个链接显示文本“仅文本url”,而不是这个脚本默认的链接上的这个按钮。这可能吗

<div>
<a href="http://mixi.jp/share.pl" class="mixi-check-button" data-key="some-data-key" data-url="http://someurl.com">only text url </a>
<script type="text/javascript" src="http://static.mixi.jp/js/share.js"></script>
</div>


将该脚本复制到您的站点并删除
元素.appendChild(img)在最后一行的开头。

假设这是合法的(如果您对该脚本进行了修改,则在您的站点中嵌入该脚本可能不合法),我们可以使用。结果是:

我们感兴趣的是
循环的最后一个
,每个按钮都在这里被处理。我们可以安全地删除大部分图像生成和协议嗅探(顺便说一句,这是一种不必要的做法),以减轻代码的重量:

var type = (button["button"] || "button-1.png").split("-");
var prefix = ("https:" == document.location.protocol) ? "https://mixi.jp/" : "http://static.mixi.jp/";
if (!type || type.length < 2) type = ["button", "1.png"];
if (type[1].indexOf(".") == -1) type[1] += ".png";
var src = (type[0] == "button") ? [prefix, "img/basic/mixicheck_entry/bt_check_", type[1]] : (type[0] == "icon") ? [prefix, "img/basic/mixicheck_entry/icon_mixi_", type[1]] : [prefix, "img/basic/mixicheck_entry/bt_check_1.png"];
src = src.join("");
两者都应该删除。然后,您可以缩小并保存代码,然后在页面中提供自己的代码。以下是清理后的代码的外观:


第二种方法:

使用CSS,我们首先删除JavaScript中删除button元素所有子节点的部分,这样按钮内的文本就不会被删除:

for (var j = element.childNodes.length - 1; j >= 0; j--) {
    element.removeChild(element.childNodes[j]);
}
然后我们应用一些CSS来隐藏图像:

.mixi-check-button img {
    display: none;
}

请参阅:。

@Yi Jiang-感谢您编辑此问题,因为我是stackoverflow新手,无法添加按钮。我尝试了这个,结果显示了“唯一的文本url”,但它没有与SNS连接,导致了“无数据”错误。上面的代码中有什么东西需要发送到这个SNS吗?@tokyowp我不完全确定你在这里要求什么,但是上面的代码不应该影响发送到服务器的数据,除非对图像本身的HTTP请求被用于服务器端获取信息,在这种情况下,您可能希望使用CSS来隐藏图像。然而,我认为情况并非如此——所有信息似乎都是通过链接中的查询字符串发送的。@Yi Jiang。我想展示“Mixi”チェック" 在文本中而不是这个按钮。我如何使用CSS阻止图像显示和文本?我认为这个问题可能是最好的,因为上面的Javascript是针对日本SNS(Mixi)的共享按钮类似于将类似Facebook的按钮添加到网站上。它显示此按钮,但我希望显示文本而不是图像。我尝试将img css添加到div以显示:无,但图像和文本不显示。如何在css中显示文本而不是图像?@tokyowp,因为JavaScript实际上删除了在插入图像之前,请先删除button元素中的所有子节点(包括您的textnode)。我怀疑对JavaScript的修改是否是问题的根源。这不会有任何区别。
.mixi-check-button img {
    display: none;
}