如何用javascript在document.getElementById中输入更多的方法

var element = document.getElementById('myElementId');
element.textContent = '新的文本内容';

var element = document.getElementById('myElementId');
element.innerHTML = '<p>新的HTML内容</p>';

var element = document.getElementById('myElementId');
element.style.color = 'red';
element.style.fontSize = '16px';

var element = document.getElementById('myElementId');
element.addEventListener('click', function() {
    alert('元素被点击了！');
});

// 对于文本输入框
var inputElement = document.getElementById('myInputId');
inputElement.value = '新的输入值';

// 对于下拉列表
var selectElement = document.getElementById('mySelectId');
selectElement.value = 'option2'; // 设置选中的值为option2

var newElement = document.createElement('div');
newElement.textContent = '这是一个新创建的元素';
var parentElement = document.getElementById('parentId');
parentElement.appendChild(newElement);

var elementToRemove = document.getElementById('elementToRemoveId');
elementToRemove.parentNode.removeChild(elementToRemove);

var parentElement = document.getElementById('parentId');
for (var i = 0; i < parentElement.children.length; i++) {
    console.log(parentElement.children[i]);
}

function manipulateElement() {
    var element = document.getElementById('myElementId');
    element.textContent = '新的文本内容';
    element.style.color = 'blue';
    element.addEventListener('mouseover', function() {
        this.style.backgroundColor = 'yellow';
    });
}

manipulateElement();