document.getElementById('ID')。style.cursor未按预期工作

时间:2017-08-06 15:06:25

标签: javascript html css

为什么if语句在这里不起作用:

<?php

try {
    $conn = new PDO('mysql:host=localhost;dbname=+++', '+++', '');
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

    $sql = "UPDATE Users SET SHOWARR = true WHERE ID = 1";

    $stmt = $conn->prepare($sql);
    $stmt->execute();

    echo $stmt->rowCount() . " records UPDATED successfully";
}
catch(PDOException $e)
{
    echo $sql . "<br>" . $e->getMessage();
}

$conn = null;

?>

另外,我想知道如何使if语句与链接游标一起使用,如:

<!DOCTYPE html>
<html>
<body>

<style>#myP{cursor:pointer;}</style>

<p id="myP">random text</p>
<button type="button" onclick="myFunction()">alert aaa</button>

<script>
function myFunction(){
    if(document.getElementById("myP").style.cursor=="pointer"){
        alert("aaa");
    }
}
</script>

</body>
</html>

3 个答案:

答案 0 :(得分:4)

改为使用:
if (window.getComputedStyle(document.getElementsByTagName('body')[0]).cursor == 'pointer')

答案 1 :(得分:1)

UPDATE wp_options SET option_value = replace( option_value, 'old-website-url.com', 'new-website.com' ) WHERE option_name = 'home' OR option_name = 'siteurl'; UPDATE wp_posts SET guid = replace( guid, 'old-website-url.com', 'new-website.com' ); UPDATE wp_posts SET post_content = replace( post_content, 'old-website-url.com', 'new-website.com' ); UPDATE wp_postmeta SET meta_value = replace( meta_value, 'old-website-url.com', 'new-website.com' ); 仅适用于内联CSS。 .style将允许您检索通过非内联CSS设置的样式。

对于你的第二个问题,匹配链接的图像光标比仅仅匹配像&#34;指针&#34;这样的简单字符串有点棘手,因为你要包含一个规范化为完整URL的路径,如下所示(&#34; https://stacksnippets.net&#34;包含在路径中,即使它未在CSS中指定。)它可能最好测试一个完整光标值的子字符串,因此您不会遇到代码处理的问题&#34; yourdomain.com&#34;但不是&#34; www.yourdomain.com&#34;:

&#13;
&#13;
window.getComputedStyle()
&#13;
var myFunction = function() {
  var A = document.getElementById('a');
  var B = document.getElementById('b');

  console.log(window.getComputedStyle(A).cursor);
  console.log(window.getComputedStyle(B).cursor);

  if (window.getComputedStyle(A).cursor == 'pointer') {
    console.log("A matched");
  }

  var bCursor = window.getComputedStyle(B).cursor;
  if (bCursor.indexOf('cursor.png') > -1) { // not hardcoding the full URL here
    console.log("B matched");
  }
}
&#13;
#a {
  cursor: pointer
}

#b {
  cursor: url(randomFolder/cursor.png) 5 8, auto;
}
&#13;
&#13;
&#13;

答案 2 :(得分:0)

您可以将jQuery与css函数一起使用,它会在短代码中返回您需要的光标类型。

$('#myP').css('cursor')