动态窗口.添加元素后的位置 动态.

>我在我的页面上放了一个 A 标签，当用户点击它时，页面会有一个新的输入字段来写入信息，如下所示：

网页代码

<a href="" class="smallLink" onclick="return ioAddNewContent()">new info</a>

我不想在单击"新信息"后向 url 添加哈希，所以我让 javascript 返回 null，如下所示：

JavaScript代码

    function ioAddNewContent(){
    var bigLi = document.getElementById('ioAddContents');
    var p = document.createElement('p');
    var label=document.createElement('label');
    var input = document.createElement('input');
    var a = document.createElement('a');
    label.setAttribute('class', 'ioAddOneContent');
    label.innerHTML='write one info';
    input.setAttribute('type', 'text');
    input.setAttribute('class', 'longInput');
    a.setAttribute('href', '');
    a.setAttribute('class', 'smallLink');
    a.setAttribute('onclick', 'return ioAddNewContent()');
    a.innerHTML=' new info';
    p.appendChild(label);
    p.appendChild(input);
    p.appendChild(a);
    bigLi.appendChild(p);
    return false;
}

"10次后用户必须向下滚动才能看到新的输入字段，我不希望这样，我希望每次单击"新信息"屏幕都应该转到该新输入字段，

我知道我可以通过在 html 代码上添加一个名称 = "这里" 的标签，然后在 JavaScript 代码上放置"window.location（"#here"）"来做到这一点，但我想做那个动态

当用户单击添加新的输入字段时，屏幕应自动滚动到该新输入字段