Метод: mozSetImageElement()

Метод Document.mozSetImageElement() изменяет элемент, используемый в качестве фонового изображения для фона с заданным идентификатором фонового элемента.

imageElementId

Строка, указывающая имя элемента, который был задан как фоновое изображение с помощью функции -moz-element CSS.

imageElement

Новый элемент, который будет использоваться в качестве фона, соответствующего строке идентификатора изображения элемента. Укажите null для удаления фонового элемента.

Ничего (undefined).

В этом примере фон блока <div> изменяется каждый раз, когда пользователь нажимает на блок.

Посмотреть этот пример в действии.

<style>
  #my-box {
    background-image: -moz-element(#canvas-bg);
    text-align: center;
    width: 400px;
    height: 400px;
    cursor: pointer;
  }
</style>

CSS, определённый в блоке <style> выше, используется нашим блоком <div> для использования элемента с id "canvas-bg" в качестве фона.

let c = 0x00;
function clicked() {
  const canvas = document.createElement("canvas");
  canvas.setAttribute("width", 100);
  canvas.setAttribute("height", 100);

  const ctx = canvas.getContext("2d");
  ctx.fillStyle = `#${c.toString(16)}0000`;
  ctx.fillRect(25, 25, 75, 75);

  c += 0x11;
  if (c > 0xff) {
    c = 0x00;
  }

  document.mozSetImageElement("canvas-bg", canvas);
}

Данный код вызывается каждый раз, когда пользователь нажимает на элемент <div>. Он создаёт новый элемент <canvas> с шириной и высотой, установленной в 100 пикселей, затем рисует в нём квадрат размером 50 на 50 пикселей. Каждый раз, когда функция вызывается, квадрат имеет другой цвет (его красный компонент увеличивается каждый раз), поэтому каждый раз, когда пользователь нажимает на элемент, фон заполняется всё более ярким узором из красных плиток.

После того, как холст нарисован, вызывается document.mozSetImageElement() для установки фона для любого CSS, использующего идентификатор "canvas-bg" в качестве идентификатора фонового элемента на наш новый холст.

Не входит ни в одну спецификацию.

• -moz-element