如何使用角度js更改文本框中的文本颜色

时间:2014-08-11 10:50:35

标签: angularjs angularjs-directive

使用Angular.js,如何在输入数据时更改文本框中的文字颜色?

1 个答案:

答案 0 :(得分:-1)

我还没有使用过Angular,但是如果有其他人可以从中受益...

使用javascript

<!DOCTYPE html>
<html>
<head>
    <style>
        #box{ width:180px; height:20px; border: solid 1px #333; }
        p{text-align: center}
    </style>

    <script>
        document.onreadystatechange = function()
        {
            if(document.readyState == "complete")
            {
                var change = document.getElementById("change");
                var box = document.getElementById("box");

                change.onclick = function()
                {
                    box.style.color = "#33f";
                }
            }
        }
    </script>
</head>
<body>
    <span id="box" contenteditable="true">This is My Text</span>
    <button id="change">changeme</button>
</body>
</html>