javascript - 从 javascript 访问 qml 元素

Question

请问，是否可以从 javascript 函数访问和更改 qml 元素的属性？我读到 document.getElementById() 应该可以解决问题，但是当我尝试这样做时，我得到:

ReferenceError: document is not defined

测试.qml

import QtQuick 2.0
import QtQuick.Controls 1.2
import Test.js as JS 

Rectangle{
    id: rect
    color: "red"

    onClicked: {
        JS.changeMe();
    }
}

测试.js

function changeMe(){
   //change the color of element "rect"
   //document.getElementById("rect")
}

Answer 1

这有效:

Rectangle{
    id: rect
    color: "red"

    onClicked: {
        JS.changeMe(rect);
    }
}

function changeMe(rect){
   rect.color = "yellow";
}