Question

我有一个非常简单的问题，但我不知道如何解决它，任何帮助肯定会受到赞赏。

这是我的代码;

<div id='div2'>
    <div class="DoYouHaveADirtBikeForSaleBox" id="DoYouHaveADirtBikeForSaleBox">
    <h2>Got A Bike to Sell?</h2>
    <p class="BikeForSaleButton">
    <a href="http://somepage.com">Yes</a>
    </p>

    <p class="BikeForSaleButtonNo">
    <a onclick="javascript:var div = document.getElementById('div2');div.parentNode.removeChild(div);">No</a></p> 
    </div>
    </div>

由于我不知道的原因，“No”链接在悬停时没有将光标改变为手，但我不知道如何解决这个问题。

我怀疑问题是因为NO链接没有href但是我很新手我不知道如何纠正这种情况所以我要求有人可以告诉我如何解决这个，我提前感谢你。

Answer 1

因为链接上没有href属性。添加一个，光标将改变。

NITPICk：删除不需要的javascript:。

Answer 2

添加href ="#“以使其看起来像链接，而不是导航到其他页面

<div id='div2'>
    <div class="DoYouHaveADirtBikeForSaleBox" id="DoYouHaveADirtBikeForSaleBox">
    <h2>Got A Bike to Sell?</h2>
    <p class="BikeForSaleButton">
    <a href="http://somepage.com">Yes</a>
    </p>

    <p class="BikeForSaleButtonNo">
    <a onclick="javascript:var div = document.getElementById('div2');div.parentNode.removeChild(div);" href ="">No</a></p> 
    </div>
</div>

Answer 3

onclick事件处理程序需要使用链接默认行为来导航到href属性中指定的内容。

所以你需要href="#"你也不需要javascript: 它应该是这样的：

   <p class="BikeForSaleButtonNo">
    <a href="#" onclick="var div = document.getElementById('div2');div.parentNode.removeChild(div);">No</a></p>

以下是显示工作代码

的链接

http://jsfiddle.net/dkU7B/1/

编辑：忘记提及你可以做的另一件事就是完全摆脱onclick，只需使用havascript与javascript一样，但现在你需要使用javascript:只是一个巧妙的把戏。

<a href="javascript:var div = document.getElementById('div2');div.parentNode.removeChild(div);">No</a>

Answer 4

你需要一个href =“＃”，我会把你的HTML和JS分开，它只是更清洁的IMO：

<script>
var div = document.getElementById('div2');
    function rmv() {
         div.parentNode.removeChild(div);
     }
</script>

<div id='div2'>
    <div class="DoYouHaveADirtBikeForSaleBox" id="DoYouHaveADirtBikeForSaleBox">
        <h2>Got A Bike to Sell?</h2>
        <p class="BikeForSaleButton">
            <a href="http://somepage.com">Yes</a>
        </p>

        <p class="BikeForSaleButtonNo">
        <a href="#" onclick="rmv()">No</a></p> 
</div>
</div>

我有一个显示但只有一个按钮更改光标的对话框

4 个答案: