<div id="div1"></div> <script> function getRandom(min,max) { this.range = Math.floor(Math.random() * (max - min) + min); } var w = new getRandom(100,800); var h = new getRandom(50,700); var div1 = document.getElementById("div1"); var att = document.createAttribute("background-position"); att.value = "w.range + 'px' h.range + 'px'"; div1.setAttributeNode(att); console.log(w.range); console.log(h.range); </script>

根据你提供的代码，你尝试使用 `document.createAttribute` 方法创建一个名为 `background-position` 的属性，并将其值设置为 `w.range + 'px' h.range + 'px'`。然后，你尝试将该属性添加到 id 为 `div1` 的 `<div>` 元素上。

然而，需要注意的是 `createAttribute` 方法只能用于创建标准的 HTML 属性，而 `background-position` 并不是一个标准的 HTML 属性。`background-position` 是 CSS 的一个属性，用于设置背景图像在元素内的起始位置。

如果你想要设置 `<div>` 元素的背景位置，可以直接使用 `style` 属性来设置 `background-position`。修改你的代码如下：

<div id="div1"></div>
<script>
    function getRandom(min, max) {
        this.range = Math.floor(Math.random() * (max - min) + min);
    }
    var w = new getRandom(100, 800);
    var h = new getRandom(50, 700);

    var div1 = document.getElementById("div1");
    div1.style.backgroundPosition = w.range + 'px ' + h.range + 'px';

    console.log(w.range);
    console.log(h.range);
</script>

这样，通过设置 `style.backgroundPosition` 来实现背景位置的设置。同时，你可以在控制台中查看 `w.range` 和 `h.range` 的值。