<INPUT id="TextInput" style="width:100">
<INPUT id="TextOutPut" Name="TextInput">
<script type="text/javascript">
document.getElementById("TextOutPut").value =2；
document.getElementById("TextInput").value =1；
<script>
写代码的时候一个突发奇想，因为输出时需要确认输入源，所以想在触发事件时通过Name属性记录输入源ID，再通过dom操作直接操作对应输入源。
设想这样的结果应该是，textinput=1，textoutput=2。
但实际情况却是textoutput=1，textinput无赋值。
所以想知道一下页面控件中，一个控件的ID与另一个控件的Name重复会有什么情况发生。希望能有大佬普及一下知识。
楼主其实document.getElementById明明确确获取的就只能是ID，不会管你的name的，想获取DOM元素的name的话应该使用getElementsByName。
希望对你有所帮助
实测可以实习你的效果，可能你的代码哪里出问题了吧
测试代码：
<body>
<input id="inputOne" type="text">
<input id="inputTwo" name="inputOne" type="text">
</body>
</html>
<script>
(
function () {
let elOne = document.getElementById('inputOne')
let elTwo = document.getElementById('inputTwo')
elOne.value = 1
elTwo.value = 2
console.log(elOne, elTwo);
}()
)
</script>
Name重复无所谓，只要id不同就可以了，document.getElementById比较的是id
Name在你post回传服务器的时候才需要，如果同一个表单，name是不能重复的，不同的表单，可以重复。id要求唯一。
这里面没有name属性，所以post时没有把值传递出去。