Javascript iOS、OSX:常量DOM元素的属性是不可变的_Javascript_Ios_Macos_Constants

Javascript iOS、OSX:常量DOM元素的属性是不可变的

javascript ios macos

Javascript iOS、OSX:常量DOM元素的属性是不可变的,javascript,ios,macos,constants,Javascript,Ios,Macos,Constants,我使用const来定义一系列DOM元素，使用的是vanilla JS getElementByID 例如： const my_text = document.getElementById('my_text'); my_文本的属性应该是可变的 my_text.style.color = 'red'; 尽管有这样的口号，但它在iOS或OSX系统上根本不起作用。我用Safari和Chrome进行了测试奇怪的是，当我在BrowserStack或JSFIDLE上测试它时，它就可以工作了 : cons

我使用const来定义一系列DOM元素，使用的是vanilla JS getElementByID

例如：

const my_text = document.getElementById('my_text');

my_文本的属性应该是可变的

my_text.style.color = 'red';

尽管有这样的口号，但它在iOS或OSX系统上根本不起作用。我用Safari和Chrome进行了测试

奇怪的是，当我在BrowserStack或JSFIDLE上测试它时，它就可以工作了

: const声明创建对值的只读引用。这并不意味着它所持有的值是不可变的，只是变量标识符不能被重新分配。例如，如果内容是对象，这意味着对象本身仍然可以更改

我在这里创建了一个非常简单的测试页面

应该是这样的：

但在IOS或OSX设备上，您只能看到黑色的蓝色和红色

测试页面的代码如下所示：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <style>
        body {
            font-size: 40px;
            font-weight: 700;
            font-family: monospace;
        }
    </style>
</head>

<body>
    <div id="blue">blue</div>
    <div id="red">red</div>
    <div id="green" style="color: green"></div>
</body>

<script type="application/javascript">
    var blue = document.getElementById('blue');
    blue.style.color = 'blue';
    const red = document.getElementById('red');
    red.style.color = 'red';
    const green = document.getElementById('green');
    green.innerHTML = 'green';
</script>

</html>


身体{
字体大小：40px；
字号：700；
字体系列：monospace；
}
蓝色
红色
var blue=document.getElementById（'blue'）；
blue.style.color='blue'；
const red=document.getElementById（'red'）；
red.style.color='red'；
const green=document.getElementById（'green'）；
green.innerHTML='green'；

你试过白色盒子。样式。背景色吗？我试过了。。。背景色可能是一个坏例子。让我把这个改成文本。